.tomy-show-desktop {
	display: block;
}

.tomy-show-mobile {
	display: none;
}

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

	.tomy-show-desktop {
		display: none;
	}

	.tomy-show-mobile {
		display: block;
	}

}

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.content-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	background: url(../images/Doteki-BG-1440x6000.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

body {
	background: #000;
	margin: 0;
}

.header-wrapper {
	background: #fff;
}

.header-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	max-width: 1200px;
	margin: auto;
}

.header-logo {
	padding: 5px 5px 5px 0px;
}

.header-item {
    font-family: Lato;
    text-transform: none;
    font-size: 16px;
}

.header-item a {
	color: #4a4b4d;
}


.doteki-header-wrap {
	/*margin:1em -100%;*/ /* old browsers fallback */
	/*margin:1em calc(50% - 50vw);
	margin-top: 0px;*/
}

.doteki-header-wrap img {
	width: 100%;
}

.doteki-tagline-wrap {
	margin-bottom: 40px;
}

.doteki-tagline-wrap img {
	margin: auto;
}

.doteki-video-wrap {
    display: flex;
    justify-content: center;
}
    
iframe {
    aspect-ratio: 16 / 9;
    width: 80% !important;
}



/** Icons and Sliders **/

.doteki-carousel-dt-wrap .doteki-meet-wrap {
	display: flex;
	flex-direction: row;
}

.doteki-carousel-mobile-wrap .doteki-meet-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.doteki-carousel-mobile-wrap .doteki-meet-icon-mobile {
	flex-basis: 50%;
}

.doteki-icon-on-dt {
	display: none;
}

.doteki-icon-on-mobile {
	display: none;
}


/* Active slider - DT - Grass */

.doteki-carousel-dt-wrap:has(.carousel-dt-grass.slick-current) .doteki-icon-on-dt {
	display: none !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-grass.slick-current) .doteki-icon-off-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-grass.slick-current) .doteki-meet-grass-dt .doteki-icon-on-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-grass.slick-current) .doteki-meet-grass-dt .doteki-icon-off-dt {
	display: none !important;
}


/* Active slider - MOBILE - Grass */

.doteki-carousel-mobile-wrap:has(.carousel-mobile-grass.slick-current) .doteki-icon-on-mobile {
	display: none !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-grass.slick-current) .doteki-icon-off-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-grass.slick-current) .doteki-meet-grass-mobile .doteki-icon-on-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-grass.slick-current) .doteki-meet-grass-mobile .doteki-icon-off-mobile {
	display: none !important;
}


/* Active slider - DT - Fire */

.doteki-carousel-dt-wrap:has(.carousel-dt-fire.slick-current) .doteki-icon-on-dt {
	display: none !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-fire.slick-current) .doteki-icon-off-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-fire.slick-current) .doteki-meet-fire-dt .doteki-icon-on-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-fire.slick-current) .doteki-meet-fire-dt .doteki-icon-off-dt {
	display: none !important;
}


/* Active slider - MOBILE - Fire */

.doteki-carousel-mobile-wrap:has(.carousel-mobile-fire.slick-current) .doteki-icon-on-mobile {
	display: none !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-fire.slick-current) .doteki-icon-off-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-fire.slick-current) .doteki-meet-fire-mobile .doteki-icon-on-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-fire.slick-current) .doteki-meet-fire-mobile .doteki-icon-off-mobile {
	display: none !important;
}


/* Active slider - DT - Ice */

.doteki-carousel-dt-wrap:has(.carousel-dt-ice.slick-current) .doteki-icon-on-dt {
	display: none !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ice.slick-current) .doteki-icon-off-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ice.slick-current) .doteki-meet-ice-dt .doteki-icon-on-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ice.slick-current) .doteki-meet-ice-dt .doteki-icon-off-dt {
	display: none !important;
}


/* Active slider - MOBILE - Ice */

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ice.slick-current) .doteki-icon-on-mobile {
	display: none !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ice.slick-current) .doteki-icon-off-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ice.slick-current) .doteki-meet-ice-mobile .doteki-icon-on-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ice.slick-current) .doteki-meet-ice-mobile .doteki-icon-off-mobile {
	display: none !important;
}


/* Active slider - DT - Ghost */

.doteki-carousel-dt-wrap:has(.carousel-dt-ghost.slick-current) .doteki-icon-on-dt {
	display: none !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ghost.slick-current) .doteki-icon-off-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ghost.slick-current) .doteki-meet-ghost-dt .doteki-icon-on-dt {
	display: block !important;
}

.doteki-carousel-dt-wrap:has(.carousel-dt-ghost.slick-current) .doteki-meet-ghost-dt .doteki-icon-off-dt {
	display: none !important;
}


/* Active slider - MOBILE - Ghost */

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ghost.slick-current) .doteki-icon-on-mobile {
	display: none !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ghost.slick-current) .doteki-icon-off-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ghost.slick-current) .doteki-meet-ghost-mobile .doteki-icon-on-mobile {
	display: block !important;
}

.doteki-carousel-mobile-wrap:has(.carousel-mobile-ghost.slick-current) .doteki-meet-ghost-mobile .doteki-icon-off-mobile {
	display: none !important;
}

.doteki-fighters-wrap {
	margin-left: 10%;
	margin-right: 10%;
}

.doteki-meet-wrap {
	margin-left: 10%;
	margin-right: 10%;
}

.doteki-join-wrap {
	margin-top: 30px;
	margin-bottom: 10px;
}


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

	.doteki-fighters-wrap {
		margin: auto;
	}

	.doteki-meet-wrap {
		margin: auto;
	}

}

/*** Product Grid ***/

.doteki-grid-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	margin: 30px 0px 30px 0px;
}

.doteki-grid-item {
	width: calc(33% - 15px);
	text-align: center;	
}

.doteki-grid-item p {	
    font-family: Lato;
    text-transform: none;
    font-size: 20px;
	color: #fff;
}

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

	.doteki-grid-wrap {
		flex-direction: column;
		margin: 30px 15px 30px 15px;
	}

	.doteki-grid-item {
		width: auto;
	}

}


/** FAQ Styles **/

.eapps-faq-container {
	margin-bottom: 40px;
	padding-left: 5%;
	padding-right: 5%;
}

.eapps-faq-template-bg.eapps-faq-layout-accordion .eapps-faq-content-category-items .eapps-faq-content-category-item {
    font-family: Lato;
}

.eapps-faq-template-bg.eapps-faq-layout-accordion .eapps-faq-content-category-items .eapps-faq-content-category-item:first-child {
    border-radius: 0 !important;
}

.eapps-faq-template-bg.eapps-faq-layout-accordion .eapps-faq-content-category-items .eapps-faq-content-category-item:last-child {
    border-radius: 0 !important;
}

.eapps-faq-layout-accordion .eapps-faq-content-category-items {
    border-radius: 0 !important;
}



.doteki-multiplayer-wrap {
	margin-top: 40px;
}

.doteki-multiplayer-wrap img {
	margin: auto;
}

.doteki-faq-wrap {
	margin-top: 40px;
}

.doteki-faq-wrap img {
	margin: auto;
}

/** Footer **/

.footer-wrapper {
	background: #fff;	
    font-family: Lato;
    text-transform: none;
    font-size: 14px;
}

.footer-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 1200px;
	margin: auto;
	gap: 20px;
}

.footer-item {

}

.footer-item .headline {
    border-bottom: 1px dotted #005aab;
    margin-bottom: 20px;
}

.footer-item h3 {
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
	font-size: 23px;
	color: #005aab;
	margin-bottom: 10px;
}

.footer-item a {
    font-weight: 500;
    font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #005aab;
    text-decoration: none;
}

.footer-item a:hover,
.footer-item a:active {
    color: #bed62f;
    text-decoration: none;
}

.footer-item-wrap {
	flex: 1;
	display: flex;
	flex-direction: row;
}

.footer-item-col {
	flex: 1;
}

.doteki-soc-icon {
    width: 35px;
	filter: invert(17%) sepia(96%) saturate(2860%) hue-rotate(196deg) brightness(95%) contrast(101%);
    margin-right: 15px;
}

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

	.footer-inner {
		flex-direction: column;
		padding: 15px;
	}

	.footer-item-wrap {
		flex-direction: column;
	}

}