:root {
    --header-height: 60px;
    --width_site: 1600px;
    --otstup: 0px 15px;
    --otstup-all: 15px;
    --font-size-2: 1.2em;
    --font-size-5: 1.5em;
    --radius: 4px;
}

@media (prefers-color-scheme: light) {
	:root {
		--blue_1: #2F3944;
		--blue_2: #5e738b;
		--blue_3: #2b3540;
		--white: #ffffff;
		--gold_0: #fff200;
		--gold_1: #ff7f00;
		--gold_2: #CC6600;
		--gold_3: #62370b;
		--gray_1: #FFFFFF;
		--gray_2: #e9e9e9;
		--gray_3: #bbbbbb;
		--green_1: #63c933;
		--green_2: #244425;
		--green_3: #182a19;
		--body: #f4f4f4;
		--form: #f7f8f9;
		--btn_1: #5e738b;
		--btn_2: #465666;
		--text_1: #2F3944;
		--text_2: #FFFFFF;
		--shadow_1: #0a0c0e;
		--scroll: #FFFFFF;
		--scroll_thumb: #2F3944;
		--code_1: #FFFFFF;
		--code_2: #f4f4f4;
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		--blue_1: #0c1012;
		--blue_2: #5e738b;
		--blue_3: #2d3236;
		--white: #ffffff;
		--gold_0: #fff200;
		--gold_1: #ff7f00;
		--gold_2: #CC6600;
		--gold_3: #62370b;
		--gray_1: #22272b;
		--gray_2: #2d3236;
		--gray_3: #9499a3;
		--green_1: #63c933;
		--green_2: #244425;
		--green_3: #182a19;
		--body: #171c20;
		--form: #171c20;
		--btn_1: #5e738b;
		--btn_2: #465666;
		--text_1: #dbdee1;
		--text_2: #FFFFFF;
		--shadow_1: #000000;
		--scroll: #0c1012;
		--scroll_thumb: #22272b;
		--code_1: #22272b;
		--code_2: #2d3236;
	}
}
	
@media screen and (max-width: 900px) {
	:root {
		--otstup: 0px 10px;
		--otstup-all: 10px;
		--header-height: 50px;
	}
}
	
	.flex {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
	}

    .flex_2 > * {width: calc(50% - 7px);}
    .flex_2_15 {flex-wrap: nowrap;} .flex_2_15 > *:last-child {width: 300px;flex: none;margin-left: var(--otstup-all);}
	.grid_3 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-box-white-1 grid-box-white-2 grid-box-white-3";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.grid_4 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-box-white-1 grid-box-white-2 grid-box-white-3 grid-box-white-4";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.grid_module {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-module-content grid-module-content grid-module-content grid-module-right"
			"grid-module-content grid-module-content grid-module-content grid-module-reklama"
			"grid-module-perecluchatel grid-module-perecluchatel grid-module-perecluchatel grid-module-reklama";
		grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) 300px;
	}
	.grid_module_look_1 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-module-preview-look grid-module-info-look"
			"grid-module-preview-look grid-module-reklama-look"
			"grid-module-reklama-look-pod-img grid-module-reklama-look"
			"grid-module-content-look grid-module-reklama-look"
			"grid-module-comment-look grid-module-reklama-look"
			"grid-module-info-bottom-look grid-module-reklama-look";
		grid-template-columns: minmax(120px, 1fr) 300px;
	}
	.grid_module_look_2 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-module-content-look grid-module-preview-look"
			"grid-module-content-look grid-module-info-look"
			"grid-module-info-bottom-look grid-module-info-look"
			"grid-module-comment-look grid-module-reklama-look"
			"grid-module-comment-look grid-module-reklama-look";
		grid-template-columns: minmax(120px, 1fr) 300px;
	}
@media screen and (max-width: 1200px) {
	.flex_2 > * {width: calc(50% - 7px);}
		
	logo-text {width: 0px;overflow: hidden;}
}


@media screen and (max-width: 900px) {
	.flex_2_15 {flex-wrap: wrap;}
	.flex_2_15 > *:last-child {width: 100%;margin-top:  var(--otstup-all);margin-left: 0px;}
	.grid_3 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-box-white-1 grid-box-white-2"
			"grid-box-white-3 grid-box-white-3";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.grid_4 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-box-white-1 grid-box-white-2"
			"grid-box-white-3 grid-box-white-4";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.grid_module {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-module-right"
			"grid-module-content"
			"grid-module-reklama"
			"grid-module-perecluchatel";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.grid_module_look_1, .grid_module_look_2 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-module-preview-look"
			"grid-module-reklama-look-pod-img"
			"grid-module-content-look"
			"grid-module-info-bottom-look"
			"grid-module-reklama-look"
			"grid-module-info-look"
			"grid-module-comment-look";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
	.button-top-help {padding-left: 10px}
}

@media screen and (max-width: 700px) {
	.flex_2 > * {width: 100%;}
	.grid_3 {
		display: grid;
		grid-gap: var(--otstup-all);
		grid-template-areas:
			"grid-box-white-1"
			"grid-box-white-2"
			"grid-box-white-3";
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
}

















/* ScrollBar */
::-webkit-scrollbar-button {
	display: none;
}
 
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color:var(--scroll_thumb);
}
 
::-webkit-scrollbar-thumb:hover{
	background-color:#4CAF50;
}
 
::-webkit-resizer{
	background-image:url('');
	background-repeat:no-repeat;
	width:4px;
	height:0px
}
 
::-webkit-scrollbar{
    width: 10px;
    border-left: 1px solid var(--gray_2);
	background: var(--scroll);
}