@import "/wp-content/themes/twentyseventeen/assets/css/hamburgers-master/dist/hamburgers.css";

html {
	font-family: Open Sans, sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	overflow-x: hidden;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 28px;
}



/* Header */

.header_outer_row {
	/*display: block !important;*/
	display: block;
	position: absolute;

}

.header_outer_logo {
	display: block !important;
	width: 200px !important;
}

.header_outer_nav {
	/*display: block !important;*/
	display: block;
}

.header_outer_burger {
	display: block !important;
	min-width: 80px !important;
}



.header_row {
	display: block !important;
	width: 100% !important;
  left: unset !important;
	background: rgb(82,58,146);
	background: linear-gradient(180deg, rgba(82,58,146,0.9) 0%, rgba(112,73,180,0.9) 100%);
	z-index: 1;
	border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.header_label {
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
}

.header_label a {
	color: #ffffff;
	text-decoration: none;
}

.header_label a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Golden hover of images */
/*
filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(
5deg) saturate(1000%) contrast(0.9);
-webkit-filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(
5deg) saturate(1000%) contrast(0.9);
*/

.burger_menu {
	position: fixed !important;
	right: 30px;
	z-index: 10;
}

.burger_menu svg {
	/*font-size: 42px;*/
	width: 72px;
	height: 24px;
}

.burger_menu svg {
	/*font-size: 42px;*/
	width: 72px;
	height: 24px;
}

.header_outer_logo {
	z-index: 10;
}

.vce-sandwich-side-menu-container--position-right button.vce-sandwich-side-menu-close-button {
    right: 30px;
		left: unset !important;
}

button.vce-sandwich-side-menu-close-button {
    top: 10px !important;
		right: 50px !important;
}

/* end Header */



/* Sidebar */

.header_outer_burger {
	width: 100%;
	text-align: right;
}

.sidebar_logo {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sidebar_star {
	left: -50px;
	bottom: -50px;
}

.burger_menu_toggle {
	position: fixed;
	float: right;
	/*padding-right: 30px;*/
	z-index: 21;
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
	right: 15px;
  top: 10px;
}

.burger_menu_toggle a {
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	z-index: 21;
}

.burger_menu_toggle a:hover {
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	z-index: 21;
}

.burger_menu_col {
	position: fixed;
	float: right;
	height: 100vh;
  width: 420px;
	top: 0px;
  right: -450px;
	background: linear-gradient(225deg, rgba(130,25,228,1) 0%, rgba(96,31,139,1) 100%);
	border-radius: 20px 0 0 20px;
	border-left: 3px solid #8904b5;
	z-index: 20;
	overflow: visible;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.burger_menu_col.toggled {
  right: 0px;
}

.burger_manu_items a {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.burger_manu_items a:hover {
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

.burger_menu_star_bottom {
	position: absolute;
	bottom: -0px;
	left: -0px;
}

.hamburger {
	outline: 0;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #cccccc !important;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #cccccc !important;
}

/* end Sidebar */



/* Footer */

.footer_outer_row {
	bottom: 0;
	background: rgb(57,4,116);
	background: linear-gradient(180deg, rgba(57,4,116,1) 0%, rgba(71,32,107,1) 100%) !important;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}

.footer_mission_text {
	color: #ffffff;
	font-size: 10px;
	line-height: 1.3;
	text-transform: uppercase;
}

.footer_links_col {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.footer_links_col a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

.footer_links_col a:hover {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

.footer_intro_text {
	text-align: justify !important;
}

.footer_sponsor_copyright {
	background: none !important;
}

.footer_copyright_text {
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	text-decoration: uppercase;
}

.footer_text_copyright {
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-decoration: uppercase;
}

.footer_to_contact_us {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.footer_number_mail {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

/* end Footer */


/* Content */

.main_row {
	z-index: 0;
	/*position: absolute !important;*/
	/*
	top: -140px !important;
	height: 800px !important;
	*/
}

.font_violette {
	color: #833dc5;
}

.headline_trusted_black {
	color: #000000;
	font-size: 62px;
	font-weight: 700;
}

.headline_trusted_white {
	color: #ffffff;
	font-size: 62px;
	font-weight: 700;
}

.headline_trusted_violette {
	color: #833dc5;
	font-size: 62px;
	font-weight: 700;
}

.row_stars {
	height: 1px;
}

.col_left_star {
	height: 1px;
}

.col_middle_star {
	height: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.col_right_star {
	height: 1px;
}

.img_left_star {
	position: absolute;
	left: -30px;
	bottom: -400px;
}

.img_middle_star {
	position: absolute;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.img_right_star {
	position: absolute;
	right: 0px;
	top: -100px;
}

.button_default button {
	background: rgb(182,117,255);
	background: linear-gradient(180deg, rgba(182,117,255,1) 0%, rgba(131,61,197,1) 100%) !important;
	box-shadow: 0px 0px 10px #868686 !important;
	font-weight: 600 !important;
}

.button_default button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.provider_headline_violette {
	font-size: 42px;
	color: #833dc5;
	text-align: center !important;
}

.provider_headline_black {
	font-size: 54px;
  font-weight: 600;
  text-align: center !important;
  margin-top: 20px;
  margin-bottom: 30px;
}

.provider_text_black {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center !important;
	text-transform: uppercase;
}

.contact_headline_violette {
	font-size: 42px;
	color: #833dc5;
}

.contact_headline_black {
	font-size: 54px;
  font-weight: 600;
  text-align: left !important;
  margin-top: 20px;
  margin-bottom: 30px;
}

.contact_text_black {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-align: left !important;
	text-transform: uppercase;
}

.contact_mail_map {
	color: #000000;
}

.contact_mail_map a {
	color: #000000;
	text-decoration: none !important;
}

#fg_toggle_map {
	cursor: pointer;
	display: block !important;
}

.contact_google_map {
	text-align: right;
	height: 0px;
	overflow: hidden;
	transition: 0.5s;
}

.contact_google_map_toggle_class {
	text-align: right;
	height: 250px !important;
	overflow: hidden;
}

.fg_contact_form {
	margin-top: 35px;
}

.contact_button_default,
.wpcf7-submit {
	height: 70px;
	color: #ffffff;
	text-align: center;
	font-size: 21px;
  padding: 20px 56px;
	border-radius: 5px;
	border: 0;
	background: rgb(182,117,255);
	background: linear-gradient(180deg, rgba(182,117,255,1) 0%, rgba(131,61,197,1) 100%) !important;
	box-shadow: 0px 0px 10px #868686 !important;
	font-weight: 600 !important;
	cursor: pointer;
}

.contact_button_default:hover,
.wpcf7-submit:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.label_contact_form {
	color: #6e6e6e;
	font-size: 14px;
	padding-top: 20px;
}

.wpcf7-text {
	color: #6e6e6e;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cccccc;
  width: 100% !important;
	height: 50px;
	outline: 0 !important;
}

.wpcf7-textarea {
	color: #6e6e6e;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cccccc;
  width: 100% !important;
	height: 80px;
	outline: 0 !important;
}

.width_100 {
	width: 100%;
	padding-right: 50px;
}

.no_margin_bottom {
	margin-bottom: 0;
}

.subtest_uppercase {
	/*padding: 10px 0 10px 0;*/
	text-transform: uppercase;
	line-height: 1.4;
}

.subtest_white_uppercase {
	/*padding: 10px 0 10px 0;*/
	color: #ffffff;
	text-transform: uppercase;
	line-height: 1.4;
}

.benefit_item {
	color: #833dc5;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.row_benefit_bonus {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_bonus:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_support {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_support:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_seamless {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_seamless:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_landbased {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_landbased:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_api {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_api:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.headline_cards {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.card_full_casino_solution {
	/*min-height: 350px;*/
}

.cards_subtext {
	height: 100% !important;
	/*padding: 10px 0 10px 0;*/
	text-transform: uppercase;
	line-height: 1.4;
}

.cards_row_height_for_img {
	min-height: 280px !important;
	height: 100% !important;
	bottom: 0px !important;
}


#animate_bonus_free_spins .vce-col-content {
	height: 100%;
	/*
	width: 100% !important;
  vertical-align: bottom !important;
  position: absolute !important;
  bottom: 0 !important;
	*/
}

.cards_col_height_for_img {
	bottom: 0 !important;
	vertical-align: bottom !important;
	position: absolute !important;
	width: 100% !important;
	min-height: 280px !important;
	height: 100% !important;
}

.cards_col_height_for_img .vce-col-inner {
	bottom: 0;
  vertical-align: bottom;
  position: absolute;
}

.cards_row_icons {
	height: 283px;
	bottom: 0;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

.cards_col_icons {
	height: 100% !important;
	bottom: 0;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

.card_img_row_fullheight {
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 0;
}

.card_img_col_fullheight {
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 0;
}

.card_img_edge_left {
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.card_img_edge_right {
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
}

.card_row_top {
	top: 0px !important;
}

.img_border_right_violette_stone {
	position: absolute;
	right: 0px;
	width: 90px;
}

.img_border_left_yellow_star {
	position: absolute;
	left: 0px;
	top: 200px;
	width: 140px;
}

.img_border_middle_yellow_star{
	position: absolute;
	left: 50%;
	top: 120px;
	width: 90px;
}

.img_border_right_yellow_x {
	position: absolute;
	right: 0px;
	top: -150px;
	width: 150px;
}

.img_border_left_yellow_x {
	position: absolute;
	left: 0px;
	top: -130px;
	width: 250px;
	z-index: 1;
}

.img_border_left_violette_x {
	position: absolute;
	left: 0px;
	top: -80px;
	width: 120px;
	z-index: 1;
}


.img_border_right_violette_stone_two {
	position: absolute;
	right: 0px;
	top: -150px;
	width: 99px;
	z-index: 1;
}

#card_with_img_bottom_div {
	vertical-align: top;
}

#card_with_img_bottom_div .vce-col-content {
	position: absolute;
	vertical-align: bottom;
	bottom: 0;
}


#animate_full_casino_solution {
	overflow :hidden;
}

#animate_speed_to_market {
	overflow :hidden;
}

#animate_specialise_markets {
	overflow :hidden;
}

#animate_data_driven_crm {
	overflow :hidden;
}

#animate_bonus_free_spins {
	overflow :hidden;
	padding-bottom: 0 !important;
}

#animate_industry_leading {
	overflow :hidden;
	padding-bottom: 0 !important;
}




/* Animation Cards & Dices */

#img_full_casino_solution_card {
	position: absolute;
	overflow :hidden;
	padding: 0;
	margin: 0;
	left: 0;
	right: unset;
	bottom: 0;
	vertical-align: bottom !important;
}

#img_full_casino_solution_dices {
	overflow :hidden;
	text-align: right;
	padding: 0;
	margin: 0;
	right: 0;
	left: unset;
	bottom: 0;
	vertical-align: bottom !important;
}

#animate_full_casino_solution:hover #img_full_casino_solution_card img {
	-webkit-animation: move_cards 0.4s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#animate_full_casino_solution:hover #img_full_casino_solution_dices img {
	-webkit-animation: move_dices 0.4s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#img_full_casino_solution_card img {
	object-fit: fill;
	left: -50px;
	right: unset;
	top: unset;
	bottom: 0;
	padding-bottom: 0 !important;
	-webkit-animation: move_cards_back 0.4s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#img_full_casino_solution_dices img {
	object-fit: fill;
	right: -20px;
	left: unset;
	top: unset;
	bottom: 0;
	padding-bottom: 0 !important;
	-webkit-animation: move_dices_back 0.4s linear forwards;
	-webkit-animation-iteration-count: 1;
}


@keyframes move_cards {

	0% {
		left: -50px;
		bottom: -30px;
	}
	100% {
		left: 0;
		bottom: 0;
	}

}

@keyframes move_cards_back {

	0% {
		left: 0;
		bottom: 0;
	}
	100% {
		left: -50px;
		bottom: -30px;
	}

}

@keyframes move_dices {

	0% {
		right: -20px;
		left: unset;
		bottom: -30px;
	}
	100% {
		right: 0;
		left: unset;
		bottom: 0;
	}

}

@keyframes move_dices_back {

	0% {
		right: 0;
		left: unset;
		bottom: 0;
	}
	100% {
		right: -20px;
		left: unset;
		bottom: -30px;
	}

}


/* end: Animation Cards & Dices */



/* Animation Time and Lightning */

#img_time_lightning {
	overflow :hidden;
	padding: 0;
	margin: 0;
	bottom: 0 !important;
	vertical-align: bottom !important;
}

#img_time_lightning img {
	object-fit: fill;
	overflow :hidden;
	width: 100%;
	top: unset;
	bottom: 0 !important;
	padding-bottom: 0 !important;
}

#animate_speed_to_market:hover #img_time_lightning img {
	-webkit-animation: time_lightning 0.1s linear infinite;
}


@keyframes time_lightning {

	0% {
			transform: rotate(0deg);
	}
	100% {
			transform: rotate(2deg);
	}

}


/* end: Animation Time and Lightning */



/* Animation Flying Dart */

#img_flying_dart {
	position: relative !important;
	display: block;
	right: -500px;
	bottom: 30px;
	overflow :hidden;
	-webkit-animation: flying_dart_falling 0.5s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#animate_specialise_markets:hover #img_flying_dart {
	-webkit-animation: flying_dart 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

@keyframes flying_dart {

	0% {
			right: -400px;
			bottom: 70px;
	}
	100% {
			right: -20px;
			bottom: 40px;
	}

}

@keyframes flying_dart_falling {

	0% {
			right: -20px;
			bottom: 40px;
	}
	100% {
			right: -20px;
			bottom: -370px;
			transform: rotate(180deg);
	}

}

/* end: Animation Flying Dart */




/* Animation Diamonds */

#img_roboter {
	overflow :hidden;
	padding: 0;
	margin: 0;
	bottom: 0 !important;
	vertical-align: bottom !important;
}

#img_roboter img {
	object-fit: fill;
	overflow :hidden;
	width: 100%;
	top: unset;
	bottom: 0 !important;
	padding-bottom: 0 !important;
	-webkit-animation: roboter_move_back 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#animate_data_driven_crm:hover #img_roboter img {
	-webkit-animation: roboter_move 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

@keyframes roboter_move {

	0% {
			transform: translateY(0);
			transform: rotate(0deg);
			left: 0;
	}
	100% {
			transform: translateY(20px);
			transform: rotate(-10deg);
			left: -10px;
	}

}

@keyframes roboter_move_back {

	0% {
			transform: translateY(20px);
			transform: rotate(-10deg);
			left: -10px;
	}
	100% {
			transform: translateY(0);
			transform: rotate(0deg);
			left: 0;
	}

}

/* end: Animation Diamonds */




/* Animation Diamonds */

#img_diamonds {
	overflow :hidden;
	padding: 0;
	margin: 0;
	bottom: 0 !important;
	vertical-align: bottom !important;
}

#img_diamonds img {
	object-fit: fill;
	overflow :hidden;
	width: 100%;
	top: unset;
	bottom: 0 !important;
	padding-bottom: 0 !important;
	-webkit-animation: diamonds_color_back 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#animate_bonus_free_spins:hover #img_diamonds img {
	-webkit-animation: diamonds_color 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

@keyframes diamonds_color {

	0% {
			filter: hue-rotate(0deg);
	}
	100% {
			filter: hue-rotate(65deg);
	}

}

@keyframes diamonds_color_back {

	0% {
		filter: hue-rotate(65deg);
	}
	100% {
			filter: hue-rotate(0deg);
	}

}

/* end: Animation Diamonds */


/* Animation Diagram */

#img_industry_diagram {
	overflow :hidden;
	padding: 0;
	margin: 0;
	bottom: 0 !important;
	vertical-align: bottom !important;
}

#img_industry_diagram img {
	height: 80%;
	object-fit: fill;
	top: unset;
	bottom: 0 !important;
	padding-bottom: 0 !important;
	-webkit-animation: decreasing_diagram 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

#animate_industry_leading:hover #img_industry_diagram img {
	-webkit-animation: raise_diagram 0.2s linear forwards;
	-webkit-animation-iteration-count: 1;
}

@keyframes raise_diagram {

	0% {
			height: 80%;
	}
	100% {
			height: 100%;
	}

}

@keyframes decreasing_diagram {

	0% {
			height: 100%;
	}
	100% {
			height: 80%;
	}

}

/* end: Animation Diagram */



/* Max 480px Handy / Mobile Style */
@media screen and (max-width: 30em) {

	.headline_trusted_black {
		font-size: 32px;
	}

	.headline_trusted_violette {
		font-size: 32px;
	}

	.headline_trusted_white {
		font-size: 32px;
	}

	.provider_headline_violette {
		font-size: 32px;
	}

	.provider_headline_black {
		font-size: 32px;
	}

	.fg_contact_form {
		margin-top: 0px;
	}

	.contact_headline_violette {
		font-size: 32px;
	}

	.contact_headline_black {
		font-size: 32px;
	}

	.width_100 {
    width: 100%;
		padding-right: unset;
	}

	.mobile_center {
		text-align: center;
	}

	.button_default,
	.wpcf7-submit {
		text-align: center !important;
	}

	.footer_logo, .col_footer_logo_content, .footer_mission_text {
		text-align: center !important;
	}

	[data-vcv-o-animated=true] {
	 animation-name: none;
	 visibility: visible !important;
	 -webkit-animation: none !important;
	 -moz-animation: none !important;
	 -o-animation: none !important;
	 -ms-animation: none !important;
	 animation: none !important;
	}

}