@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Quicksand";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/quicksand/v20/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono Italic"), local("SpaceMono-Italic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dNIFZifjKcF5UAWdDRYERMSHK_IwU.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono Italic"), local("SpaceMono-Italic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dNIFZifjKcF5UAWdDRYERMSXK_IwU.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono Italic"), local("SpaceMono-Italic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dNIFZifjKcF5UAWdDRYERMR3K_.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold Italic"), local("SpaceMono-BoldItalic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dSIFZifjKcF5UAWdDRYERE_FeqEySRV3U.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold Italic"), local("SpaceMono-BoldItalic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dSIFZifjKcF5UAWdDRYERE_FeqEiSRV3U.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Space Mono";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold Italic"), local("SpaceMono-BoldItalic"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dSIFZifjKcF5UAWdDRYERE_FeqHCSR.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono"), local("SpaceMono-Regular"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dPIFZifjKcF5UAWdDRYE58RWq7.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono"), local("SpaceMono-Regular"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dPIFZifjKcF5UAWdDRYE98RWq7.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Space Mono"), local("SpaceMono-Regular"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold"), local("SpaceMono-Bold"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dMIFZifjKcF5UAWdDRaPpZUFqaHjyV.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold"), local("SpaceMono-Bold"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dMIFZifjKcF5UAWdDRaPpZUFuaHjyV.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Space Mono Bold"), local("SpaceMono-Bold"), url(https://fonts.gstatic.com/s/spacemono/v5/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body.home header.site-header a.home:before,
body.home header.site-header a.home::before,
body.about header.site-header a.about:before,
body.about header.site-header a.about::before,
body.setup header.site-header a.setup:before,
body.setup header.site-header a.setup::before,
body.bmi header.site-header a.bmi:before,
body.bmi header.site-header a.bmi::before,
body.game header.site-header a.game:before,
body.game header.site-header a.game::before,
body.room header.site-header a.room:before,
body.room header.site-header a.room::before,
body.news header.site-header a.news:before,
body.news header.site-header a.news::before,
body.contact header.site-header a.contact:before,
body.contact header.site-header a.contact::before {
	-webkit-transform: translateY(18px);
	transform: translateY(18px);
	opacity: 1
}
*{
	font-family:tahoma;
}

html{
	background: #523c35 !important;
}
.addthis-smartlayers{
display:none;
}
body.loading .navbar-brand img {
	-webkit-animation: spin .24s linear 0s infinite;
	-moz-animation: spin .24s linear 0s infinite;
	animation: spin .24s linear 0s infinite
}

header.site-header {
	width: 100%;
	/*background-color: rgba(248, 248, 255, .84);*/
	background-color: #523c35;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

header.site-header:before,
header.site-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-filter: blur(13px);
	-moz-filter: blur(13px);
	-o-filter: blur(13px);
	-ms-filter: blur(13px);
	filter: blur(13px);
	background-color: inherit
}

header.site-header a {
	/*color: #000;*/
	color: white;
	position: relative;
	font-weight: bolder
}
header.site-header a:not(.navbar-brand):before, header.site-header a:not(.navbar-brand)::before{
	background:white !important;
}
header.site-header a:not(.navbar-brand) {
	top: -5px
}

header.site-header a:not(.navbar-brand):before,
header.site-header a:not(.navbar-brand)::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background: #000;
	width: 100%;
	height: 2px;
	-webkit-transform: translateY(24px);
	transform: translateY(24px);
	opacity: 0;
	transition: .3s ease
}

header.site-header a:not(.navbar-brand):hover {
	text-decoration: none
}

header.site-header a:not(.navbar-brand):hover:before,
header.site-header a:not(.navbar-brand):hover::before {
	-webkit-transform: translateY(18px);
	transform: translateY(18px);
	opacity: 1
}

header.site-header .navbar-brand {
	margin-top: 1px
}

header.site-header .navbar-brand img {
	margin-right: 12px
}

header.site-header .navbar-brand img:hover {
	-webkit-animation: spin 1.2s linear 0s infinite;
	-moz-animation: spin 1.2s linear 0s infinite;
	animation: spin 1.2s linear 0s infinite
}

header.site-header .navbar {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: none !important
}

header.site-header .navbar ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -14px
}

header.site-header .navbar li {
	padding: 15px
}

header.site-header .navbar li a {
	font-weight: bolder
}

header.site-header .navbar li a.waves-effect,
header.site-header .navbar li a.waves-light {
	display: inline !important
}

header.site-header .dropdown-menu a {
	color: #282f39;
	top: 0 !important
}

header.site-header .dropdown-menu a:before,
header.site-header .dropdown-menu a::before {
	display: none !important
}

header.site-header .dropdown-menu .dropdown-item.active,
header.site-header .dropdown-menu .dropdown-item:active {
	background-color: #f8f8ff;
	color: #000
}

header.site-header .menu-toggle {
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	padding: 37px;
	z-index: 3
}

header.site-header .menu-toggle.open {
	background-image: url(/img/ic-menu-open-chess.svg);
	width: 20px;
	height: 12px
}

header.site-header .menu-toggle.close {
	background-image: url(/img/ic-menu-close-chess.svg);
	width: 20px;
	height: 15px
}

@media(max-width: 500px) {
	.site-header{
	position: relative;
    top: 0px;
	}

}

.container-fluid.game.px-0{
	    min-height: 850px;
	background: url(https://meirkids.co.il/uploadgames/55/chess_online/chess_bg.jpg?2) center center !important;
}


@media(max-width: 991px) {
	/*#room-code{    margin-top: 80px !important;}*/

/*	header.site-header .navbar-brand {
		margin-left: auto
	}
	header.site-header .navbar-brand h1,
	header.site-header .navbar-brand span {
		display: none !important
	}
	header.site-header .navbar-brand img {
		margin-right: 0
	}
	header.site-header .menu-toggle {
		display: block
	}
	header.site-header .menu-toggle.open~nav.navbar {
		display: none
	}
	header.site-header .menu-toggle.close~nav.navbar {
		display: block;
		position: absolute;
		background-color: rgba(248, 248, 255, .8);
		top: 74px;
		left: 0;
		z-index: 2;
		width: 100%
	}
	header.site-header .menu-toggle.close~nav.navbar:before,
	header.site-header .menu-toggle.close~nav.navbar::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-filter: blur(13px);
		-moz-filter: blur(13px);
		-o-filter: blur(13px);
		-ms-filter: blur(13px);
		filter: blur(13px);
		background-color: inherit
	}
	header.site-header .menu-toggle.close~nav.navbar ul li {
		width: 100%;
		margin: 0;
		padding: 12px 24px
	}
	header.site-header .menu-toggle.close~nav.navbar ul li a {
		color: #000
	}
	header.site-header .menu-toggle.close~nav.navbar ul li .dropdown-menu a {
		color: #282f39
	}
	header.site-header .menu-toggle.close~nav.navbar ul li .dropdown-menu .dropdown-item.active,
	header.site-header .menu-toggle.close~nav.navbar ul li .dropdown-menu .dropdown-item:active {
		background-color: #f8f8ff;
		color: #000
	}
*/
}

footer {
	background-color: #181818;
	color: #fff;
	z-index: 123456789;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

footer a {
	color: #d2d2d2
}

footer a:hover {
	color: #fff
}

footer ul li {
	margin-bottom: .7em
}

body.home footer a.home,
body.about footer a.about,
body.setup footer a.setup,
body.bmi footer a.bmi,
body.game footer a.game,
body.room footer a.room,
body.news footer a.news,
body.contact footer a.contact {
	text-decoration: underline
}

body {
	font-family: "Quicksand", sans-serif !important;
	padding-top: 74px;
	background-color: rgba(0, 117, 154, .15) !important
}

.hero {
	background-color: #faebd7
}

.hero .hero-box {
	background-color: rgba(255, 250, 240, .42)
}

.hero .hero-box .nav-tabs {
	border-bottom: 2px solid #f8f8ff
}

.hero .hero-box .nav-tabs li a {
	cursor: pointer;
	padding: 12px 24px;
	display: block
}

.hero .hero-box .nav-tabs li.active a {
	background-color: #f8f8ff;
	color: #fff
}

.hero .hero-box .nav-tabs li:not(.active) a {
	color: #f8f8ff
}

.hero .hero-box .nav-tabs li:nth-child(3) a {
	background-color: transparent;
	color: #f8f8ff
}

.hero .hero-box .nav-tabs li:nth-child(3).active a {
	text-decoration: underline
}

.hero .hero-box .desc {
	color: #282f39;
	font-style: italic
}

.hero .hero-box span#sleep_time_results ul,
.hero .hero-box span#wake_up_time_results ul {
	list-style: none;
	padding-left: 0;
	overflow: hidden
}

.hero .hero-box span#sleep_time_results ul li,
.hero .hero-box span#wake_up_time_results ul li {
	display: block;
	width: auto;
	float: left;
	font-size: 18px;
	margin: 4px;
	padding: 4px 12px
}

.comments {
	background-color: #fafafa
}

.container-fluid.about,
.container-fluid.bmi,
.container-fluid.game,
.container-fluid.news,
.container-fluid.contact {
	background-color: ivory;
	color: #000
}

.container-fluid a {
	color: gray
}

.container-fluid a.btn-dark, .container-fluid a.btn-light {
    box-shadow: 0px 0px 18px black;

}
.container-fluid a.btn-dark {
	color: #fff
}

.container-fluid.bmi-explanation,
.container-fluid.game-explanation {
	background-color: #f5e5b5
}

#proverb {
	color: #fffaf0;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, .6)
}

#proverb #proverb_content:before,
#proverb #proverb_content::before {
	content: "“";
	position: relative;
	top: 24px;
	font-size: 32px
}

#proverb span.content {
	cursor: pointer
}

#proverb span.content.introjs-relativePosition {
	color: #f8f8ff
}

#proverb_refresh {
	display: inline-block;
	cursor: pointer
}

#proverb_refresh i {
	color: #fffaf0;
	font-size: 29px
}

#proverb_refresh:hover i {
	-webkit-animation: spin 900ms linear 0s infinite;
	-moz-animation: spin 900ms linear 0s infinite;
	animation: spin 900ms linear 0s infinite
}

#result,
#compatibility,
#ket-qua,
#ghep-cap {
	height: 74px;
	margin-top: -74px;
	pointer-events: none;
	z-index: -1
}

.chart {
	background-color: #fffaf0
}

.chart #main_chart {
	height: 480px;
	width: calc(100% - 100px);
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.adsense {
	background-color: #fffaf0
}

.btn {
	cursor: pointer
}

.custom-select {
	cursor: pointer
}

#dob {
	cursor: pointer
}

.chart-nav {
	font-size: 48px;
	color: #97a4ad;
	top: 288px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-filter: drop-shadow(2px 3px 6px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(2px 3px 6px rgba(0, 0, 0, 0.3))
}

.chart-nav:hover {
	color: #282f39
}

#change-date {
	width: 150px;
	cursor: pointer;
	margin-bottom: 5px
}

#ajax-chart {
	padding-top: 60px !important;
	padding-bottom: 60px !important
}

#info {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

#info p {
	font-size: 20px
}

.info {
	background-color: #fdfff5
}

.info .controls {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 420ms ease-in-out;
	-moz-transition: max-height 420ms ease-in-out;
	-o-transition: max-height 420ms ease-in-out;
	transition: max-height 420ms ease-in-out;
	height: 64px
}

.info .controls:hover,
.info .controls:active,
.info .controls:focus {
	max-height: 420px
}

.info:hover .controls,
.info:active .controls,
.info:focus .controls {
	max-height: 420px
}

.datepicker td,
.datepicker th {
	width: 36px !important;
	height: 36px !important
}

.datepicker .datepicker-switch {
	width: 160px !important
}

.highcharts-xaxis-labels text {
	cursor: pointer !important
}

.highcharts-xaxis-labels text:hover {
	font-weight: bold;
	font-style: italic
}

.tooltip {
	font-family: "Quicksand", sans-serif !important
}

#bmi_app {
	box-sizing: content-box
}

#bmi_app * {
	box-sizing: content-box !important
}

#bmi_app .input-group-prepend .input-group-text {
	background-color: #f8f8ff;
	color: #fff
}

#bmi_app .input-group-prepend+input {
	background-color: #fff;
	color: #282f39
}

#bmi_app .input-group-append .input-group-text {
	background-color: #282f39;
	color: #fff
}

.page-item.active .page-link {
	background-color: #282f39 !important;
	border-color: #282f39 !important
}

.fb_iframe_widget_fluid_desktop iframe {
	min-width: 100% !important
}

@media(max-width: 413px) {
	.hero .hero-box {
		width: 100% !important
	}
	.hero .hero-box .nav-tabs li {
		width: 100%
	}
	.hero .hero-box .nav-tabs li a {
		text-align: center
	}
	.hero .hero-box .desc {
		font-size: 12px
	}
	.hero #proverb {
		width: 100% !important
	}
}

@media(min-width: 414px)and (max-width: 575px) {
	.hero .hero-box {
		width: 100% !important
	}
	.hero .hero-box .nav-tabs li {
		width: 100%
	}
	.hero .hero-box .nav-tabs li a {
		text-align: center
	}
	.hero .hero-box .desc {
		font-size: 12px
	}
	.hero #proverb {
		width: 100% !important
	}
}

@media(min-width: 576px)and (max-width: 767px) {
	.hero .hero-box {
		width: 100% !important
	}
	.hero .hero-box .nav-tabs li {
		width: 100%
	}
	.hero .hero-box .nav-tabs li a {
		text-align: center
	}
	.hero .hero-box .desc {
		font-size: 12px
	}
	.hero #proverb {
		width: 100% !important
	}
}

.highlight {
	box-shadow: inset 0 0 3px 3px #6d5330
}

#chess-board {
	touch-action: none !important;
	pointer-events: all;
	    box-shadow: 0px 0px 30px #000000ab;
}

#create-room, #create-room-2, #to-rooms, #invite-friend {
	color: #fff;
	 min-width: 280px;
    border-radius: 21px;
}




#url-white,
#copy-url-white,
#url-black,
#copy-url-black {
	cursor: pointer
}

.side-color {
	font-weight: bolder;
	font-size: 42px;
	text-align: center;
	line-height: 1.2em;
	display: block;
	cursor: default !important;
	color: #000
}

body.setup #game-status {
	display: none !important
}

#game-status {
	background-color: #d4c1acfa;
	padding: 12px 24px;
	font-weight: bolder;
	border-width: 2px;
	border-style: solid;
	cursor: default !important;
	color: #000;
	border-color: #000
}

#game-status:hover {
	background-color: #000;
	color: #fff;
	border-color: #000
}

#game-over {
	color: #2f4f4f;
	border-width: 1px;
	border-style: solid;
	border-color: #2f4f4f;
	padding: 12px 24px;
	background-color: #f5f5f5;
	font-weight: bolder;
	cursor: default !important
}

#game-over:hover {
	color: #f5f5f5;
	border-color: #2f4f4f;
	background-color: #2f4f4f
}

#room-code {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "Quicksand", sans-serif
}

.table td,
.table th {
	vertical-align: middle !important
}

.table td.text-left a {
	color: gray !important;
	font-family: "Space Mono", monospace
}

.table td.text-left span {
	padding: 4px 7px 5px
}

ul#credit {
	color: #f8f8ff !important
}

ul#credit li {
	color: #f8f8ff !important
}

ul#credit li a {
	color: #f8f8ff !important;
	font-weight: bolder
}

@media screen and (max-width: 767px) {
	#chess-board {
		width: 100% !important
	}
	.loading-logo{
		display:none;
	}
}

@media screen and (min-width: 768px)and (max-width: 991px) {
	#chess-board {
		width: 75% !important
	}
}

@media screen and (max-width: 991px) {
	#copy-url-white,
	#copy-url-black,
	#change-pass {
		width: 100% !important
	}
	.btn.w-25 {
		width: 49% !important;
		font-size: 12px !important
	}
	.btn.w-25.btn-success {
		width: 75% !important
	}
	.h3,
	h3 {
		font-size: 1rem !important
	}
	h2 {
		font-size: 1.2rem !important
	}
}

.pulse {
	position: relative;
	box-shadow: 0 0 0 0 rgba(33, 136, 56, .84);
	cursor: pointer;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}

.pulse:hover {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 0 24px rgba(33, 136, 56, 0)
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 0 24px rgba(33, 136, 56, 0)
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 0 24px rgba(33, 136, 56, 0)
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 0 24px rgba(33, 136, 56, 0)
	}
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #282f39 !important
}

.compat {
	background-color: #f4f5f9
}

.rhythms {
	width: 100%
}

.rhythm {
	margin: 10px 0 30px;
	overflow: hidden;
	font-weight: bold
}

.rhythm h1 {
	float: left;
	font-size: 1em
}

.rhythm .percent {
	float: right
}

.rhythm .percentage {
	height: 6px;
	overflow: hidden;
	clear: both;
	background: #dfe2e9
}

.percentage-bar {
	float: left;
	height: 100%;
	width: 100%;
	background: #a3abbe;
	-webkit-transition: width .6s ease;
	-moz-transition: width .6s ease;
	transition: width .6s ease
}

.physical .percentage-bar {
	background: #ef7955
}

.emotional .percentage-bar {
	background: #4fc281
}

.intellectual .percentage-bar {
	background: #4b98dc
}

.dates {
	text-align: center
}

.date {
	display: inline-block;
	padding: 5px 3px;
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.date:hover {
	background: #dfe2e9
}

.date select {
	padding: 4px;
	margin: 0 2px;
	width: 84px;
	font-size: 14px;
	box-shadow: 0 1px 1px 0 #a3abbe inset;
	color: #505b67
}

.date select:hover,
.date select:focus {
	color: #4b98dc
}

.separator {
	padding: 0 10px;
	color: #4b98dc;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1;
	position: relative;
	top: 5px
}

@media only screen and (max-width: 750px) {
	.separator {
		display: block;
		top: 3px
	}
}

.introjs-helperNumberLayer {
	font-family: "Quicksand", sans-serif;
	font-size: 14px;
	text-shadow: none;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	background: #e74c3c
}

.introjs-helperLayer {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .84);
	border: none;
	border-radius: 2px
}

.introjs-tooltip {
	letter-spacing: .1em;
	color: #f8f8ff;
	font-family: "Quicksand", sans-serif;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, .84)
}

.introjs-button {
	padding: 1em;
	text-shadow: none;
	font-weight: bold;
	color: #f8f8ff;
	font-family: "Quicksand", sans-serif;
	background: #ecf0f1;
	background-image: none;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-transition: background .3s, border .3s;
	-moz-transition: background .3s, border .3s;
	-ms-transition: background .3s, border .3s;
	-o-transition: background .3s, border .3s;
	transition: background .3s, border .3s
}

.introjs-prevbutton {
	border-radius: .2em 0 0 .2em
}

.introjs-nextbutton {
	border-radius: 0 .2em .2em 0
}

.introjs-button:hover,
.introjs-button:focus {
	background: #f8f8ff;
	color: #fff !important;
	box-shadow: none;
	border-color: #f8f8ff;
	text-decoration: none;
	font-family: "Quicksand", sans-serif
}

.introjs-bullets ul li a {
	background-color: rgba(0, 117, 154, .42)
}

.introjs-bullets ul li a:hover {
	background-color: rgba(0, 117, 154, .84)
}

.introjs-bullets ul li a.active {
	background-color: #f8f8ff
}

.pace .pace-progress,
.pace .pace-activity {
	z-index: 1234567890
}

.card-title a,
.card-title a:hover {
	color: #f8f8ff
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 42;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(42, 42, 42, .8) url(/img/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s
}

.cd-top.cd-top--show {
	visibility: visible;
	opacity: 1
}

.cd-top.cd-top--fade-out {
	opacity: .5
}

.cd-top:hover {
	background-color: #2a2a2a;
	opacity: 1
}

@media only screen and (max-width: 767px) {
	.cd-top {
		bottom: 80px
	}
}

@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px
	}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-khtml-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-khtml-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-khtml-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-khtml-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-khtml-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-khtml-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}


/*! chessboard.js v1.0.0 | (c) 2019 Chris Oakman | MIT License chessboardjs.com/license */

.clearfix-7da63 {
	clear: both
}

.board-b72b1 {
	box-sizing: content-box;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .42) !important
}

.square-55d63 {
	float: left;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.white-1e1d7 {
	background-color: #f0d9b5;
	color: #b58863
}

.black-3c85d {
	background-color: #b58863;
	color: #f0d9b5
}

.highlight1-32417,
.highlight2-9c5d2 {
	box-shadow: inset 0 0 3px 3px #ff0
}

.notation-322f9 {
	cursor: default;
	font-family: "Quicksand", sans-serif;
	font-size: 14px;
	position: absolute
}

.alpha-d2270 {
	bottom: 1px;
	right: 3px
}

.numeric-fc462 {
	top: 2px;
	left: 2px
}

.piece-417db {
	cursor: pointer
}

th[role=columnheader]:not(.no-sort) {
	cursor: pointer
}

th[role=columnheader]:not(.no-sort):after {
	content: "";
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: .4
}

table th.no-sort {
	cursor: default !important;
	pointer-events: none !important
}

table th.no-sort::before,
table th.no-sort::after {
	display: none !important
}
.modal-title {
    text-align: center !important;
    margin-left: 27px !important;
	direction:rtl;
}
.black-3c85d{
	/*background: url(https://meirkids.co.il/uploadgames/55/chess_online/board2.png) 100% 100% ;*/
	background-color: #966f4f ;
}
.white-1e1d7{
/*	background: url(https://meirkids.co.il/uploadgames/55/chess_online/board1.png) 100% 100% ;*/
	background-color: #d6ac89 ;
}


/*# sourceMappingURL=index.css.map */