*,*::before,*::after {
	box-sizing: border-box;
}

::-webkit-input-placeholder {
	color: var(--color3);
}

:-moz-placeholder {
	color: var(--color3);
	opacity: 1;
}

::-moz-placeholder {
	color: var(--color3);
	opacity: 1;
}

:-ms-input-placeholder {
	color: var(--color3);
}

::-ms-input-placeholder {
	color: var(--color3);
}

::placeholder {
	color: var(--color3);
}

@font-face {
	font-family:"InformaPro-Light";src:url(../../fonts/InformaPro/InformaPro-Light.eot);src:url("../../fonts/InformaPro/InformaPro-Light.eot?#iefix")format("embedded-opentype"),url(../../fonts/InformaPro/InformaPro-Light.woff) format("woff"),url(../../fonts/InformaPro/InformaPro-Light.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;
}

@font-face {
	font-family:"InformaPro-Normal";src:url(../../fonts/InformaPro/InformaPro-Normal.eot);src:url("../../fonts/InformaPro/InformaPro-Normal.eot?#iefix")format("embedded-opentype"),url(../../fonts/InformaPro/InformaPro-Normal.woff) format("woff"),url(../../fonts/InformaPro/InformaPro-Normal.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;
}

@font-face {
	font-family:"InformaPro-Medium";src:url(../../fonts/InformaPro/InformaPro-Medium.eot);src:url("../../fonts/InformaPro/InformaPro-Medium.eot?#iefix")format("embedded-opentype"),url(../../fonts/InformaPro/InformaPro-Medium.woff) format("woff"),url(../../fonts/InformaPro/InformaPro-Medium.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;
}

@font-face {
	font-family:"InformaPro-Bold";src:url(../../fonts/InformaPro/InformaPro-Bold.eot);src:url("../../fonts/InformaPro/InformaPro-Bold.eot?#iefix")format("embedded-opentype"),url(../../fonts/InformaPro/InformaPro-Bold.woff) format("woff"),url(../../fonts/InformaPro/InformaPro-Bold.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;
}

:root {
	--color1: #f46354;
	--color2: #0ABAB5;
	--color2-hover: #116062;
	--color3: #a1bacd;
	--color-text-light: #656a72;
	--color-text-dark: #2e3136;
}

html,body {
	height: 100%;
	background: #eaeef1;
	color: var(--color-text-light);
	font-family: "InformaPro-Normal";
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.5;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-family: "InformaPro-Bold";
	color: var(--color-text-dark);
}

.lk__box {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
}

@media (min-width:768px) {
	.lk__box {
		padding: 40px;
	}
}

.no-margin {
	margin: 0!important;
}

.badge-success {
	color: #fff;
	background-color: #28a745;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 5px;
}

.badge-danger {
	color: #fff;
	background-color: #dc3545;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 5px;
}

ul {
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 10px 0;
}

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

* {
	outline: none;
	margin: 0;
	padding: 0;
}

.wrap {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 10px;
}

.top-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 -10px;
}

@media (min-width:768px) {
	.top-header {
		margin: 0 -25px 0 -10px;
	}

	.wrap {
		padding: 0 25px;
	}
}

.text-box {
	margin-top: 20px;
}

.text-box p:last-child {
	margin: 0;
}

.text-box h2 {
	margin-bottom: 20px;
}

.text-box a {
	color: #206492;
}

.text-box a:hover {
	text-decoration: none;
}

h1,h2 {
	font-family: "InformaPro-Bold";
	line-height: 120%;
	color: var(--color-text-dark);
}

h1 {
	font-size: 22px;
}

h2 {
	margin-top: 20px;
	font-size: 20px;
}

h2 a {
	text-decoration: none;
	color: var(--color-text-dark);
}

@media (min-width:768px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}
}

ul.breadcrumbs {
	margin: 0 0 10px 0;
	padding: 0;
}

ul.breadcrumbs li {
	font-size: 12px;
	display: inline-block;
}

ul.breadcrumbs li a {
	color: #3c3f43;
	text-decoration: none;
}

ul.breadcrumbs li a:hover {
	color: var(--color2);
}

ul.breadcrumbs li.active {
	color: #03377d;
}

ul.breadcrumbs li:first-child::before {
	content: "";
	padding: 0;
}

ul.breadcrumbs li::before {
	padding-right: 5px;
	color: #6c757d;
	content: "/";
}

@media (min-width:768px) {
	ul.breadcrumbs li {
		font-size: 14px;
	}
}

.h1-text-box-mobile {
	font-size: 14px;
	margin-top: 10px;
	color: #9298a3;
}

@media (min-width:768px) {
	.h1-text-box-mobile {
		display: none;
	}
}

a.btn {
	text-decoration: none;
}

.btn {
	display: inline-block;
	text-align: center;
	padding: 8px 20px;
	border-radius: 50px;
	border: 1px solid transparent;
	transition: .3s;
	cursor: pointer;
	position: relative;
}

.btn img {
	margin-right: 10px;
}

.btn-lg {
	padding: 12px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.btn-danger {
	color: #fff;
	background: var(--color1);
	border-color: var(--color1);
}

.btn-danger:hover {
	background-color: #fff;
	color: var(--color1);
}

.btn-outline-danger {
	color: var(--color1);
	background: #fff;
	background-image: none;
	border-color: var(--color1);
	cursor: pointer;
}

.btn-outline-danger:hover {
	color: #fff;
	background: var(--color1);
	border-color: var(--color1);
}

.btn-outline-danger:hover .palette-icon {
	background-position: 0 20px;
}

.palette-icon {
	margin-right: 3px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4NkYyMjk2OEYyNDExRUNCMjhERjVBNzk2MkMwM0RGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4NkYyMjk3OEYyNDExRUNCMjhERjVBNzk2MkMwM0RGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzg2RjIyOTQ4RjI0MTFFQ0IyOERGNUE3OTYyQzAzREYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg2RjIyOTU4RjI0MTFFQ0IyOERGNUE3OTYyQzAzREYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lipReAAADtUlEQVR42oxWXW7bRhCeWS4dBJAD+gSlThDlBvIJohRpXyXHDdA3yyeQfQLRz6kr9bWJYd2A9glsn0C+AZU6QArzZ7JLD6nRhpK8wIDU7PDbb76Z3RXCmvHfh18HClWfADoIEADBLaCKWuf//lPFfD/8vZ9BEWlQw5fsRxco+fhbxy/gEoDCpoUKoHevzi9myZ+90E/13PUrGfzwx/uuLigWYFc2sKDiwLwvrEMhjuzTT/1YfqsAJ8mgF9QM7Yo61TdlejzSPGu/8Py3hYJryqmHCCVYirDvE8QuezL+mqFdUYIxo0UORTtN0wUyw3IgLtZpr6oCyDTZAt/zx5irqQYdGpCjan7v0+dbjpH07nf/+nKln3RRfaZ8mrWyyL7rB+/EsDoCDwZPuhBTwGOW48DzvBNF+BqRbh+L7LQkb4X0PZ2UwTm+KZCGniJ6VOrML+jGUWnaOr84qNtm0AtfTmf3ybAX7EWzp6KZdDp1vKZ+TtnwMc+Pd3J666aU5vmpdOWennw7fE/+g76sIVY/gqFh2+EEu6tTdLdn2Kz4CrpDheXckpNHpncQtg2FlLg+TXkEOcD/wbIDVK7Uveij03Q3e2fNrHq2yhB7Vm83ZWNzmbKCNK0BMcOZ91VHOw/eOFNq6hAKfK1HWzMxuizqnjJFeTX5MmgsCmtst+dGwCrV6gNTtdhXOja+E5u252dtu6WqvYwEo62AtsNF53dNjWylF7vnF8Mi9UZothoRnNXz2wCrzge5X41mtgiEeGf3MuHyOHOL0whY9pjCfQlapp7B7Y7SfXM89asGZ903A9rRMpveMH1jP3oquzmtPSj1rA9SLI6XNYLFRsCKaevvz217qJp2n1lwo1/ZCbY49lSuwQmuuajXy2Yn2qRx4Ngv9Gn1xmCJ5rXfAjrWMTan9aPHcWGT3wXrGktEUMyBA+G/4Vh3UTsfSLDQASP2HTHrE+HvrmHflUWJoeFOMdYW73KueTC7gZNmzO8TZtcVKcb8Teywm0sNq0mbVsAWrUmrIySasqYT/l0CBk7wVDBzx8QpYsjPoPKBI/BYMBw1pBQ6gLEjg3OnAAyNddacKvbeuG/wyWcJGMDzRtLgi36quqPVpqIkUqt1KSsnjRmvOjY2bdjXW+8Ud6WxqNpo3W7YxFDuYdnYN/wecWXlHo+fA9jU+Qn7Jw17eaOG1fjpTmG7Y3/ozG29Amxx9h1Qe2DY/4J9tipu6+HgbqfnHLDWLjelLJm2WYKZYHTFGcxE7LXzhB8CDAACGLTEOIIxrgAAAABJRU5ErkJggg==);
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(3px);
}

.footer-bg {
	background: #484e52;
	color: #fff;
	margin-top: 20px;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 25px;
	padding: 25px 0;
}

.footer-title {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: "InformaPro-Bold";
}

.footer-grid ul li {
	list-style: none;
	border-bottom: 1px solid rgba(195,195,195,.62);
}

.footer-grid ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

.footer-svg svg {
	width: 30px;
	margin-right: 10px;
	fill: #fff;
	cursor: pointer;
}

.footer-logo img {
	display: block;
	margin: 0 0 10px 0;
}

.left-menu {
	overflow: auto;
}

.stiky-head {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
}

@media (max-width:992px) {
	.footer-logo {
		grid-column: 1/-1;
	}
}

@media (min-width:768px) {
	.footer-logo img {
		margin: 0 0 30px 0;
	}

	.footer-title {
		margin-bottom: 25px;
	}

	.footer-grid {
		grid-template-columns: 2fr 1fr 1fr 1fr;
		grid-column-gap: 40px;
		padding: 45px 0;
	}
}

@media (min-width:992px) {
	.my-stiky-top {
		position: -webkit-sticky;
		position: sticky;
		top: 64px;
		z-index: 888;
	}

	.left-menu {
		max-height: calc(100vh - 155px);
	}
}

.right-box {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.clearfix {
	clear: left;
}

.h1-text-box {
	display: none;
}

@media (min-width:768px) {
	.h1-text-box {
		margin-top: 10px;
		display: grid;
		grid-template-columns: 70px 1fr;
		gap: 10px;
	}

	.h1-text-box.one-fr {
		display: block;
	}
}

.h1-text-box a {
	color: #206492;
}

.h1-text-box p:last-child {
	margin: 0;
}

.h1-text-box img {
	border-radius: 10px;
}

.header {
	background: #fff;
	padding: 10px 0;
	box-shadow: 0 .1rem 1rem rgba(0,0,0,.1);
	margin-bottom: 20px;
}

.header-grid {
	display: grid;
	gap: 10px;
	align-items: center;
}

@media (min-width:992px) {
	.header-grid {
		grid-template-columns: 150px 1fr;
		gap: 20px;
	}
}

.h1_pc {
	display: none;
}

@media (min-width:768px) {
	.h1_pc {
		display: block;
	}

	.h1_mobile {
		display: none;
	}
}

.login-box {
	display: flex;
}

.login-box a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	transition: .3s;
	display: block;
	height: 41px;
	line-height: 41px;
}

a.btn-reg {
	background: var(--color1);
}

a.btn-reg,a.btn-login {
	padding: 0 20px;
	transition: .3s;
}

a.btn-login:hover {
	background-color: var(--color2-hover);
}

.gor-menu-bg {
	background: var(--color2);
}

.gor-menu {
	display: none;
}

@media (min-width:768px) {
	.gor-menu {
		display: inline-block;
		transform: translateX(-10px);
	}

	.gor-menu li a {
		color: #fff;
		text-decoration: none;
		padding: 10px 15px;
		display: block;
		font-size: 14px;
		transition: .3s;
	}

	.gor-menu li a:hover {
		background-color: var(--color2-hover);
	}

	ul.gor-menu li {
		list-style: none;
		text-align: center;
		display: inline-block;
		margin-left: -5px;
	}

	#mobile-btn-menu,#close-left-side {
		display: none;
	}
}

@media (max-width:768px) {
	#mobile-btn-menu {
		cursor: pointer;
		padding: 4px 10px;
		background: var(--color2);
	}
}

@media (max-width:991px) {
	.left-side {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		z-index: 999;
		height: 100vh;
		background-color: #fff;
		overflow: auto;
		transition: .3s;
	}

	.left-side.active {
		left: 0;
	}
}

#close-left-side {
	font-size: 40px;
	position: absolute;
	right: 10px;
	top: -15px;
	cursor: pointer;
	padding: 10px;
}

#toTop {
	width: 40px;
	height: 40px;
	background: var(--color2);
	position: fixed;
	bottom: 15px;
	right: 15px;
	cursor: pointer;
	display: none;
	border-radius: 50%;
	z-index: 999;
	opacity: .5;
	text-align: center;
	transition: .3s;
	line-height: 40px;
}

#toTop.show {
	display: block;
}

#toTop img {
	width: 24px;
}

@media (min-width:992px) {
	#toTop {
		width: 50px;
		height: 50px;
		bottom: 60px;
		right: 20px;
		font-size: 50px;
	}
}

#toTop:hover {
	opacity: 1;
}

.head-cabinet {
	padding-right: 15px;
}

@media(min-width:768px) {
	.head-cabinet {
		padding-right: 25px;
	}
}

.head-cabinet img {
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

a.head-cabinet {
	display: flex;
	gap: 10px;
	align-items: center;
}

.st_top {
	margin: 10px 0 0 0;
}

@media(min-width:768px) {
	.st_top {
		margin: 10px 0 0 0;
	}
}

ul.sub_category {
	margin-top: 10px;
}

ul.sub_category li {
	list-style: none;
	display: inline-block;
	margin: 10px 5px 0 0;
	transition: all .3s;
}

ul.sub_category li a {
	display: block;
	background: #fff;
	color: var(--color-text-dark);
	text-decoration: none;
	border-radius: 30px;
	cursor: pointer;
	padding: 0 15px 0 0;
	transition: all .3s;
	font-size: 14px;
}

ul.sub_category li a img {
	border-radius: 50px;
	margin-right: 5px;
}

ul.sub_category li a:hover,ul.sub_category li a.active {
	background: var(--color2);
	color: #fff;
}

ul.sub_category li.show-all-cat_mini.hide {
	display: none!important;
}

ul.sub_category li.show-all-cat_mini div {
	background: var(--color2);
	color: #fff;
	border-radius: 30px;
	cursor: pointer;
	padding: 6px 15px;
	transition: .3s;
	display: flex;
}

ul.sub_category li.show-all-cat_mini div:hover {
	background-color: var(--color2-hover);
}

.show-all-cat_mini svg {
	width: 17px;
	transform: rotate(90deg);
	margin-left: 6px;
}

@media (max-width:767px) {
	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_mobile.hide {
		display: none!important;
	}

	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_mobile {
		display: inline-block!important;
	}

	ul.sub_category li:nth-child(n+7) {
		display: none;
	}
}

@media (min-width:768px) {
	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_mobile {
		display: none;
	}
}

@media (min-width:768px) and (max-width:1700px) {
	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_tablet.hide {
		display: none!important;
	}

	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_tablet {
		display: inline-block!important;
	}

	ul.sub_category li:nth-child(n+11) {
		display: none;
	}
}

@media (min-width:1700px) {
	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_tablet {
		display: none;
	}
}

@media (min-width:1700px) {
	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_pc.hide {
		display: none!important;
	}

	ul.sub_category li.show-all-cat_mini.show-all-cat_mini_pc {
		display: inline-block!important;
	}

	ul.sub_category li:nth-child(n+20) {
		display: none;
	}
}

.show_pc {
	display: none;
}

@media (min-width:992px) {
	.show_mobile {
		display: none;
	}

	.show_pc {
		display: block;
	}
}

.position_id2 {
	grid-column: 1/-1;
	margin-bottom: 10px;
}

.position_id4,.position_id5,.position_id6,.position_id7,.position_id23 {
	margin-top: 10px;
}

.position_id1 {
	margin-top: 20px;
}

@media (min-width:768px) {
	.position_id2 {
		grid-column: 1/-1;
		grid-row: 2;
		margin-bottom: 0;
	}
}

.position_id11,.position_id12,.position_id13 {
	margin-top: 10px;
}

.show_all_cat {
	background: var(--color2);
	color: #fff;
	font-size: 18px;
	padding: 10px;
	margin: 20px auto 0 auto;
	max-width: 300px;
	text-align: center;
	border-radius: 50px;
	cursor: pointer;
	transition: .3s;
}

.show_all_cat:hover {
	background: var(--color2-hover);
}

ul.sub_category li.show_all {
	display: inline-block!important;
}

.category-list-grid a.show_all {
	display: grid!important;
}

.show-all-cat_pc,.show-all-cat_tablet {
	display: none;
}

@media (max-width:767px) {
	.category-list-grid a:nth-child(n+5) {
		display: none;
	}
}

@media (min-width:768px) and (max-width:1799px) {
	.category-list-grid a:nth-child(n+7),.show-all-cat_mobile {
		display: none;
	}

	.show-all-cat_tablet {
		display: block;
	}
}

@media (min-width:1800px) {
	.category-list-grid a:nth-child(n+9),.show-all-cat_mobile,.show-all-cat_tablet {
		display: none;
	}

	.show-all-cat_pc {
		display: block;
	}
}

@media (max-width:767px) {
	.lable-sort-price {
		display: none;
	}
}

#myBottom {
	position: fixed;
	left: 0;
	bottom: 0;
	max-height: 110px;
	width: 100vw;
	z-index: 999;
}

#myBottom__in {
	text-align: center;
	position: relative;
	max-width: 744px;
	margin: 0 auto;
	background-color: #fff;
	border-top: 1px solid #d1d6e0;
	border-left: 1px solid #d1d6e0;
	border-right: 1px solid #d1d6e0;
	border-radius: 10px 10px 0 0;
	padding: 4px 4px 0 4px;
	-webkit-box-shadow: 0 0 16px rgba(0,21,64,.15);
	box-shadow: 0 0 16px rgba(0,21,64,.15);
}

#myClose {
	position: absolute;
	right: 8px;
	top: -35px;
	cursor: pointer;
	padding: 10px;
}

#search__text {
	width: calc(100%);
	height: 36px;
	padding: 0 0 0 20px;
	color: var(--color2);
	border: none;
	background: #eaeef1;
}

#search__box {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 140px 1fr 36px 36px;
	background: #eaeef1;
	border-radius: 5px;
	font-size: 14px;
}

.search__btn,#search__clean.show {
	cursor: pointer;
	border: none;
	color: var(--color2);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#search__clean {
	width: 35px;
	height: 36px;
	opacity: 0;
	padding: 0 7px;
}

#search__clean.show {
	opacity: 1;
	animation: fadeIn .3s;
}

.search__btn {
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 5px;
}

.search__btn svg {
	width: 18px;
}

.search__btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 60%;
	transform: translateY(-50%);
	background-color: #cfd9e0;
}

.search__dropdown-box {
	position: relative;
}

.search__dropdown-box:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	width: 1px;
	height: 60%;
	transform: translateY(-50%);
	background-color: #cfd9e0;
}

#search__dropdown {
	border: none;
	padding: 0 0 0 5px;
	position: relative;
	color: var(--color2);
	cursor: pointer;
	height: 36px;
	background: #eaeef1;
	border-radius: 5px 0 0 5px;
}

@media (min-width:768px) {
	#search__text {
		padding: 0 20px 0 20px;
	}

	#search__dropdown {
		padding: 0 10px;
	}

	#search__box {
		grid-template-columns: 155px 1fr 36px 36px;
	}
}

#search__result {
	background: #fff;
	padding: 20px;
	position: absolute;
	top: 36px;
	left: 0;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	max-height: 520px;
	overflow: auto;
	width: 100%;
	z-index: 999;
	border-radius: 5px 5px 20px 20px;
	display: none;
}

#search__result.show {
	display: block;
	animation: fadeIn .3s;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.search__images__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
	gap: 20px;
	margin-top: 20px;
}

.search__cartoon {
	text-decoration: none;
	padding: 10px;
	background-color: #eaeef1;
	border-radius: 15px;
	color: var(--color-text-dark);
}

.search__cartoon img {
	border-radius: 10px;
	margin-bottom: 10px;
}

.search__images__grid.cartoon-gr {
	margin-top: 0;
}

.search__cats {
	gap: 20px;
	margin-top: -10px;
}

.main-cats {
	padding: 20px;
	border-radius: 20px;
	background-color: #fff;
	margin-top: 20px;
}

h2.main-cats__title {
	font-family: "InformaPro-Bold";
	line-height: 120%;
	color: var(--color-text-dark);
	font-size: 20px;
	margin: 0;
}

.main-cats__items {
	margin-top: 10px;
}

.main-cats__items a,.search__cats a {
	display: inline-block;
	margin: 10px 5px 0 0;
	color: var(--color-text-dark);
	background-color: #eaeef1;
	padding: 0 15px 0 0;
	border-radius: 40px;
	text-decoration: none;
	transition: .3s;
	font-size: 15px;
	border: 1px solid #eaeef1;
}

.main-cats__items a img,.search__cats a img {
	border-radius: 50px;
	margin-right: 5px;
}

.main-cats__items a:hover,.search__cats a:hover {
	background-color: var(--color2);
	color: #fff;
}

.left-menu_box {
	background-color: #fff;
	padding: 20px;
}

@media(min-width:768px) {
	.left-menu_box {
		border-radius: 20px;
	}
}

.left-menu_title {
	font-family: "InformaPro-Bold";
	font-size: 21px;
	line-height: 21px;
	color: var(--color-text-dark);
	margin-bottom: 20px;
}

ul.left-menu {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

ul.left-menu li {
	list-style: none;
	border-top: 1px solid #f3f3f3;
	position: relative;
}

ul.left-menu li:last-child {
	border-bottom: 1px solid #f3f3f3;
}

ul.left-menu li a {
	color: var(--color-text-dark);
	text-decoration: none;
	padding: 5px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

ul.left-menu li a:hover {
	color: var(--color2);
	background-color: #eaeef1;
}

ul.left-menu li a.active {
	color: var(--color2);
	background-color: #eaeef1;
	border-left: 2px solid var(--color2);
}

ul.left-menu li a img {
	width: 35px;
	height: 35px;
	margin: 0 0 0 5px;
	border-radius: 50%;
}

ul.left-menu li a span.plus img {
	float: right;
	cursor: pointer;
	margin: 0;
}

span.plus {
	position: absolute;
	right: 10px;
	width: 20px;
	transition: .3s;
}

span.plus.minus {
	transform: rotate(90deg);
	opacity: .5;
}

ul.left-menu li a svg:hover {
	color: #a5a0a0;
}

ul.left-menu li ul {
	padding: 0 0 0 20px;
}

ul.left-menu li a span.minus svg {
	color: #949494;
}

.cat_count {
	font-size: 12px;
	color: #a5a0a0;
}

a.new-box__href {
	display: block;
	color: var(--color-text-dark);
	text-decoration: none;
	padding: 10px;
	background-color: #fff;
}

.new-box {
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.new-box__text p {
	margin: 0;
}

a.new-box__href img {
	border-radius: 20px;
}

.new-box__title a {
	font-family: "InformaPro-Bold";
	font-size: 18px;
	line-height: 18px;
	color: var(--color1);
	margin-bottom: 10px;
}

.new-box__title a:hover {
	text-decoration: none;
}

a.new-box__href:hover .new-box__text,a.new-box__href:hover .new-box__cat {
	color: var(--color1);
}

.user-coloring-widget_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin-top: 10px;
}

.new-box__cat {
	margin-bottom: 10px;
	line-height: 120%;
	font-size: 12px;
	font-weight: 700;
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 5px;
	align-items: center;
}

.new-box__cat img {
	border-radius: 50%;
}

@media (min-width:768px) {
	.new-box a.new-box__href:last-child {
		display: none;
	}

	.new-box {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.new-box__cat {
		grid-template-columns: 25px 1fr;
		font-size: 14px;
	}

	.user-coloring-widget_grid {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

@media (min-width:992px) {
	.new-box a.new-box__href:last-child {
		display: block;
	}

	.new-box {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (min-width:1380px) {
	.new-box a.new-box__href:last-child {
		padding: 10px 0 0;
	}

	.new-box a.new-box__href:nth-child(2) {
		border: none;
	}

	.new-box {
		background-color: #fff;
		border-radius: 20px;
		padding: 20px;
		grid-template-columns: 1fr;
	}

	a.new-box__href {
		border-top: 1px solid #e4e4e4;
		padding: 10px 0;
	}

	a.new-box__href img {
		transition: .3s ease-out;
	}

	a.new-box__href:hover img {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
	}

	.new-box__text {
		font-size: 14px;
		display: block;
	}

	.user-coloring-widget_grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width:1379px) {
	.right-side {
		margin-top: 20px;
		grid-column: 1/-1;
	}

	.new-box__title {
		grid-column: 1/-1;
	}

	a.new-box__href {
		border-radius: 20px;
	}

	.new-box.new-box_user-coloring {
		grid-template-columns: 1fr;
	}

	.user-coloring-widget_grid img {
		background-color: #fff;
		padding: 5px;
		border-radius: 20px;
		width: 100%;
	}
}

.help-block {
	color: #ff2400;
	font-size: 14px;
}

#comments_header {
	padding: 20px;
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	margin-top: 20px;
}

.comments_count {
	color: var(--color3);
	font-size: 14px;
}

.comments_count img {
	margin-right: 10px;
	vertical-align: bottom;
}

#comments_line {
	border-bottom: 3px solid #EAEEF1;
	margin-top: -3px;
}

.comment_body {
	background-color: #fff;
	padding: 20px;
	border-radius: 0 0 20px 20px;
}

.comment_box:first-child {
	border-top: 0;
}

#comment_form_grid input {
	width: 100%;
	height: 50px;
	padding: 0 0 0 30px;
	border-radius: 29px;
	border: 1px solid #D8E2EA;
}

input#comments-text {
	padding: 0 175px 0 30px;
}

#comment_form_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 10px;
}

.comment_box {
	display: grid;
	grid-template-columns: 50px 1fr;
	grid-column-gap: 16px;
	color: #000;
	padding: 10px 0;
	border-top: 1px solid #EAEEF1;
}

.comment_box.child {
	padding-left: 20px;
}

.comment_name {
	font-weight: 700;
	display: inline-block;
	font-size: 14px;
}

.comment_date {
	display: inline-block;
	color: var(--color3);
	margin: 0 20px;
	font-size: 14px;
}

.comment_text {
	margin-top: 5px;
	font-size: 16px;
	word-break: break-word;
	line-height: 120%;
}

.comment_ans {
	color: var(--color3);
	font-size: 14px;
	cursor: pointer;
	margin-top: 7px;
}

.reply_box {
	position: relative;
	margin-top: 10px;
}

textarea.reply {
	width: 100%!important;
	padding: 15px 175px 15px 20px;
	border-radius: 30px;
	border: 1px solid #D8E2EA;
	min-height: 50px;
}

#comment_like {
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
}

#comment_like img {
	margin-right: 3px;
	vertical-align: text-top;
}

.comment-btn_send {
	height: 50px;
	background-color: var(--color1);
	border-radius: 50px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 16px;
	padding: 0 18px;
	cursor: pointer;
}

.coms_box {
	margin-top: 5px;
}

#show-all-comments {
	background-color: #EAEEF1;
	color: #9BA2A8;
	text-align: center;
	padding: 8px 0;
	border-radius: 20px;
	cursor: pointer;
	transition: all .3s;
}

#show-all-comments:hover {
	background-color: var(--color2);
	color: #fff;
}

@media (min-width:768px) {
	.comment_body {
		padding: 20px 30px 30px 30px;
	}

	#comments_header {
		margin-top: 30px;
	}

	.comment_box {
		padding: 14px 0;
	}

	#comment_form_grid {
		grid-template-columns: 220px 1fr;
		grid-column-gap: 10px;
	}

	.comment_box.child {
		padding-left: 50px;
	}

	.comment-btn_send {
		padding: 0 38px;
	}
}

.slinky-menu {
	overflow: hidden;
	transform: translateZ(0);
}

.slinky-menu>ul {
	left: 0;
	position: relative;
	transform: translateZ(0);
}

.slinky-menu ul,.slinky-menu li {
	list-style: none;
	margin: 0;
}

.slinky-menu ul {
	width: 100%;
}

.slinky-menu a {
	align-items: center;
	display: flex;
}

.slinky-menu a span {
	flex: 1;
	line-height: 1.4;
}

.slinky-menu li ul {
	display: none;
	left: 100%;
	position: absolute;
	top: 0;
}

.slinky-menu .header {
	display: flex;
}

.slinky-menu .header .title {
	flex: 1;
	line-height: 1.4;
	margin: 0;
	order: 1;
}

.slinky-theme-default {
	background: #f6f7f8;
}

.slinky-theme-default .title {
	color: #333;
	padding: 1em;
}

.slinky-theme-default li {
	line-height: 1;
}

.slinky-theme-default a:not(.back) {
	color: #333;
	padding: 1em;
}

.slinky-theme-default a:not(.back):hover {
	background: rgba(90,200,250,.25);
}

.slinky-theme-default a:not(.back):active {
	background: rgba(90,200,250,.5);
}

.slinky-theme-default .next::after,.slinky-theme-default .back::before {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
	background-size: 1em;
	content: '';
	height: 1em;
	opacity: .25;
	transition: 200ms;
	width: 1em;
}

.slinky-theme-default .next::after {
	margin-left: 1em;
}

.slinky-theme-default .back::before {
	padding: 1em;
	transform: scaleX(-1);
}

.slinky-theme-default .next:hover::after,.slinky-theme-default .back:hover::before {
	opacity: .75;
}

.slinky-theme-default .next:active::after,.slinky-theme-default .back:active::before {
	opacity: 1;
}

.sort-box {
	margin: 20px 0 0 0;
	display: flex;
	gap: 20px;
}

#sort-sort {
	border: none;
}

.sort-btn {
	color: var(--color-text-dark);
	cursor: pointer;
	border-bottom: 1px dashed var(--color-text-dark);
	transition: .3s;
}

a.sort-btn {
	text-decoration: none;
}

.sort-btn.active,.sort-btn:hover {
	color: var(--color2);
	border-bottom: 1px dashed var(--color2);
}

.sort-btn:hover {
	z-index: 999;
}

.short-coloring_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 20px;
}

@media (min-width:768px) {
	.short-coloring_grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px;
	}
}

@media (min-width:992px) {
	.short-coloring_grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width:1100px) {
	.short-coloring_grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width:1600px) {
	.short-coloring_grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.sh {
	position: relative;
	padding-top: 40px;
}

.sh a {
	color: var(--color-text-dark);
	text-decoration: none;
}

.g-img {
	padding: 40px 10px 10px 10px;
}

.sh-bg {
	background-color: #fff;
	height: 100%;
	transition: all 0.15s;
	border-radius: 20px;
}

.c-img {
	position: absolute;
	right: -10px;
	top: -10px;
	border: 5px solid #eaeef1;
	border-radius: 50%;
	overflow: hidden;
	padding: 10px;
	background-color: #fff;
	transition: all 0.25s;
	width: 50px;
	height: 50px;
}

.c-img img {
	border-radius: 50%;
}

.sh-icon {
	display: grid;
	grid-template-columns: 18px 1fr;
	gap: 7px;
	color: #9298a3;
	font-size: 14px;
	position: absolute;
	top: 55px;
	left: 20px;
}

.sh-icon img {
	transform: translateY(-3px);
}

.c-img {
	border: 10px solid #eaeef1;
	width: 90px;
	height: 90px;
}

@media (min-width:768px) {
	.c-img {
		right: -25px;
		width: 110px;
		height: 110px;
	}
}

.sh-t {
	font-family: "InformaPro-Medium";
	font-size: 14px;
	color: var(--color-text-dark);
	padding: 10px 15px;
	border-top: 1px solid #f5f5f5;
	line-height: 120%;
	overflow: hidden;
	position: relative;
}

@media (min-width:768px) {
	.sh-t {
		padding: 15px 20px;
		font-size: 16px;
	}
}

@media (min-width:992px) {
	.sh:hover .sh-bg {
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	}

	.sh-t {
		line-height: 130%;
	}
}

.btn-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -100%;
	text-align: center;
	transition: all .25s;
	color: var(--color1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
}

.sh:hover .btn-hover {
	bottom: 0;
}

@media (max-width:992px) {
	.btn-hover {
		display: none;
	}
}

@media (min-width:992px) {
	.sh:hover .sh-t {
		color: #fff;
	}

	.sh:hover .c-img.color {
		width: 130px;
		height: 130px;
	}
}

.coloring-video {
	grid-column: 1/-1;
	cursor: pointer;
}

.coloring-video img {
	width: 100%;
	border-radius: 10px;
}

@media (max-width:768px) {
	.coloring-video {
		min-height: 250px;
	}
}

@media (min-width:768px) {
	.coloring-video {
		grid-column: 1/3;
		padding-top: 40px;
	}
}

@media (min-width:992px) {
	.coloring-video {
		grid-column: 1/-1;
		min-height: 340px;
		padding-top: 0;
	}
}

@media (min-width:1100px) {
	.coloring-video {
		grid-column: 1/3;
		padding-top: 40px;
	}
}

@media (min-width:1600px) {
	.coloring-video {
		grid-column: 1/3;
	}
}

.video-padding {
	padding-top: 40px;
	height: 100%;
}

.video-box {
	position: relative;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
}

.video-box .play {
	background: url(data:image/png;base64,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) no-repeat;
	background-position: 0 -50px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	height: 50px;
	width: 69px;
	transition: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.video-box:hover .play {
	background-position: 0 0;
}

ul.ridlles-sub-cat {
	margin-top: 20px;
}

.sort-box {
	margin: 20px 0 0 0;
	display: flex;
	gap: 20px;
}

#sort-sort {
	border: none;
}

.sort-btn {
	color: var(--color-text-dark);
	cursor: pointer;
	border-bottom: 1px dashed var(--color-text-dark);
	transition: .3s;
}

a.sort-btn {
	text-decoration: none;
}

.sort-btn.active,.sort-btn:hover {
	color: var(--color2);
	border-bottom: 1px dashed var(--color2);
}

.sort-btn:hover {
	z-index: 999;
}

body.open-modal {
	overflow-y: hidden;
	margin-right: 1.05rem;
}

#modal_body {
	position: relative;
}

#modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: -1;
}

#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	overflow: hidden;
	overflow-y: scroll;
	padding: 0 10px;
}

#modal_close {
	position: absolute;
	top: -25px;
	right: -10px;
	width: 50px;
	height: 50px;
	background-color: var(--color1);
	border-radius: 50%;
	padding: 10px;
	cursor: pointer;
	transition: .3s;
}

#modal_close svg {
	width: 30px;
	height: 30px;
	fill: #fff;
	transition: .3s;
}

#modal_box.big-modal {
	max-width: 980px;
}

#modal_box {
	background-color: #fff;
	max-width: 680px;
	padding: 20px;
	position: relative;
	border-radius: 20px;
	margin: 60px 0 0 0;
}

@media (min-width:768px) {
	#modal_box.big-modal {
		margin: 80px 0 0 0;
	}

	#modal_close:hover svg {
		fill: var(--color1);
		transform: rotate(90deg);
	}

	#modal_close:hover {
		background-color: #fff;
	}

	#modal_close {
		top: -25px;
		right: -25px;
	}

	#modal {
		padding: 0 40px;
	}

	#modal_box {
		margin: 80px auto 0 auto;
		padding: 40px;
	}
}

@media (min-width:1120px) {
	#modal_box.big-modal {
		margin: 80px auto 0 auto;
	}

	#modal {
		padding: 0 60px;
	}
}

.video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	outline-width: 0;
}

.category-list-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	padding: 10px 0 0 0;
}

.category-list-grid a {
	display: grid;
	grid-template-columns: 90px 1fr;
	gap: 20px;
	align-items: center;
	background-color: #fff;
	border-radius: 20px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	color: var(--color-text-light);
	text-decoration: none;
}

.category-list-grid .title {
	font-family: "InformaPro-Bold";
	font-size: 16px;
	line-height: 120%;
	margin: 0 0 5px 0;
	color: #4a4a4a;
}

.category-list-grid span {
	color: #2b7bb1;
	font-weight: 700;
}

.category-list-grid_btn {
	display: none;
}

@media(min-width:550px) {
	.category-list-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media(min-width:768px) {
	.category-list-grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
		padding: 20px 0 0 0;
	}
}

@media (min-width:992px) {
	.category-list-grid {
		grid-template-columns: 1fr 1fr;
	}

	.category-list-grid_btn {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: -100%;
		text-align: center;
		transition: all .25s;
		background-color: rgba(255,255,255,.81);
		color: var(--color1);
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0 0 10px 10px;
	}

	.category-list-grid a:hover .category-list-grid_btn {
		bottom: 0;
	}

	.category-list-grid a {
		padding: 20px;
	}

	.category-list-grid .title {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
}

@media (min-width:1500px) {
	.category-list-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width:1800px) {
	.category-list-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}