@charset "utf-8";
/* CSS Document */

body
	{
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
	}

.main_div
{
    min-width:100vw;
    min-height:100vh;
    display: flex;
    justify-content: center;
    /* background-image: url("../image/pattern/rdmpattern2_shop_thumb.png"); image-rendering: pixelated; */
    background-image: url("../image/pattern/123.fw.jpg"); image-rendering: pixelated;
}

/* ПК */
@media (min-width: 1020px  )
{

    .center_div
    {
        width: 1020px;
        min-height:100vh;
 
    }

    .center_head
    {
        width: 1020px;
        height:220px;
        background-image: url("../image/head/head10_2.jpg"); background-size:cover; image-rendering: pixelated;
    }

    .center_hcenter
    {
        width:700px;
        min-height:calc(100vh - 225px);
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        text-align:justify;
        box-sizing: border-box;
        background-color:#F5F5DC;
    }

    .right_block
    {
        width:320px;
    }

    .right_menu
    {
        width: 315px;
        height:100%;
        background-color:#F5F5DC;
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        text-align:justify;
        box-sizing: border-box;
        float: right;
    }

    .head_menu
    {
        display: none;
    }

}

/* ПК */
@media (max-width: 1020px  ) and (min-width: 600px)
{
    .center_div
    {
        width: 600px;
        min-height:100vh;
    }

    .center_head
    {
        width: 600px;
        height:140px;
        background-image: url("../image/head/head10_2.jpg"); background-size:cover; image-rendering: pixelated;
    }

    .center_hcenter
    {
        width: 600px;
        min-height:calc(100vh - 145px);
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        text-align:justify;
        box-sizing: border-box;
        background-color:#F5F5DC;
    }

    .right_menu
    {
        display: none;
    }

    .head_menu
    {
        width: 600px;
        min-height:30px;
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        box-sizing: border-box;
        background-color:#F5F5DC;
    }    

}

/* Альбомный планшет */
@media(max-width: 600px)
{
    .center_div
    {
        width: 100vw;
        min-height:100vh;
    }

    .center_head
    {
        --s-bg:100vw;  /* полная ширина экрана  */
        --q-bg:calc((var(--s-bg)/4.28)); /*  */ 

        width: 100%;
        height:var(--q-bg);
        background-image: url("../image/head/head10_2.jpg"); background-size:cover; image-rendering: pixelated;
    }

    .center_hcenter
    {
        --s-bg:100vw;  /* полная ширина экрана  */
        --q-bg:calc((var(--s-bg)/4.28)); /*  */ 

        width: 100vw;
        min-height:calc(100vh - (var(--q-bg) + 5px));
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        text-align:justify;
        box-sizing: border-box;
        background-color:#F5F5DC;
    } 
    
    .right_menu
    {
        display: none;
    }
    
    .head_menu
    {
        width: 100vw;
        min-height:30px;
        padding: 20px;
        font-family: myFirstFont;
        line-height: 2em;
        box-sizing: border-box;
        background-color:#F5F5DC;
    }     
}



@font-face {
    font-family: myFirstFont;
    src: url(../font/4197-font.ttf);
}

@font-face {
    font-family: myFirstFont2;
    src: url(../font/Hardpixel-nn51.otf);
}

/* размер ширфта  */
.fs_1 { font-size:1em; }
.fs_15 { font-size:1.5em; }
.fs_12 { font-size:1.2em; }
.fs_09 { font-size:0.9em; }
.fs_08 { font-size:0.8em; }
.fs_07 { font-size:0.7em; }
.fs_06 { font-size:0.6em; }
.fss_2 { font-size:2em; }
.fss_3 { font-size:3em; }
.fss_4 { font-size:4em; }
.fss_5 { font-size:5em; }

/* цвета текста */
.tc_1 { color:#fff; }     	/* цвет текста меню */
.tc_2 { color: #D7C3FD; } 	/* цвет текста логотипа */


/* цвета фона*/
.bg_1 { background-color: #89C7E9; } /* фон шапки */
.bg_2 { background-color: #F52222; } /* фон правого меню */
.bg_3 { background-color: #DBDBDB; } /* фон левого меню */
.bg_4 { background-color: #B28EFC; } /* фон левого меню */
.bg_5 { background-color: #DBDBDB; } 
.bg_6 { background-color: #A5D395; }
.bg_7 { background-color: #93B4D1; }
.bg_8 { background-color:#8AC858;}
.bg_9 { background-color: #E8F0FE; } 


.xbg1 { background-color: #C3E2B9; }
.xbg2 { background-color: #A5D395; }
.xbg3 { background-color: #79C460; }

.xbg1m { background-color: #E9CABF; }
.xbg2m { background-color: #DCAB99; }
.xbg3m { background-color: #CF8C73; }

.xbg1z { background-color: #BE6AAD; }
.xbg2z { background-color: #DDB1D4; }

.xbg1q { background-color: #F5A6A3; }
.xbg2q { background-color: #DB6F6B; }
.xbg3q { background-color: #BD4640; }

/* отступы  */
.pad_1  { padding: 1px; }
.pad_2  { padding: 2px; }
.pad_3  { padding: 3px; }
.pad_5  { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }

.pad_l_3  {padding-left: 3px; }
.pad_l_5  {padding-left: 5px; }
.pad_l_8 { padding-left: 8px; }
.pad_l_10 { padding-left: 10px; }
.pad_l_20 { padding-left: 20px; }
.pad_l_30 { padding-left: 30px; }
.pad_l_40 { padding-left: 40px; }

.pad_t_2  { padding-top: 2px; }
.pad_t_3  { padding-top: 3px; }
.pad_t_4  { padding-top: 4px; }
.pad_t_5  { padding-top: 5px; }
.pad_t_10 { padding-top: 10px; }
.pad_t_15 { padding-top: 15px; }
.pad_t_20 { padding-top: 20px; }
.pad_t_40 { padding-top: 40px; }
.pad_t_60 { padding-top: 60px; }
.pad_t_80 { padding-top: 80px; }
.pad_t_100 { padding-top: 100px; }
.pad_t_120 { padding-top: 120px; }
.pad_t_140 { padding-top: 140px; }
.pad_t_180 { padding-top: 180px; }
.pad_t_200 { padding-top: 200px; }
.pad_t_220 { padding-top: 220px; }
.pad_t_240 { padding-top: 240px; }
.pad_t_260 { padding-top: 260px; }
.pad_t_280 { padding-top: 280px; }

.pad_r_3  {padding-right: 3px; }
.pad_r_5  {padding-right: 5px; }
.pad_r_8  {padding-right: 8px; }
.pad_r_10  {padding-right: 10px; }
.pad_r_15  {padding-right: 15px; }

.pad_b_1  {padding-bottom: 1px; }
.pad_b_2  {padding-bottom: 2px; }
.pad_b_3  {padding-bottom: 3px; }
.pad_b_4  {padding-bottom: 4px; }
.pad_b_5 { padding-bottom:5px; }
.pad_b_6 { padding-bottom:5px; }
.pad_b_10 { padding-bottom:10px; }
.pad_b_20 { padding-bottom:20px; }

.mar_t_0  { margin-top: 0px; }
.mar_t_2  { margin-top: 2px; }
.mar_t_3  { margin-top: 3px; }
.mar_t_4  { margin-top: 4px; }
.mar_t_5  { margin-top: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_t_15 { margin-top: 15px; }
.mar_t_16 { margin-top: 16px; }
.mar_t_17 { margin-top: 17px; }
.mar_t_20 { margin-top: 20px; }
.mar_t_21 { margin-top: 21px; }
.mar_t_22 { margin-top: 22px; }
.mar_t_23 { margin-top: 23px; }
.mar_t_24 { margin-top: 24px; }
.mar_t_25 { margin-top: 25px; }
.mar_t_30 { margin-top: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_t_60 { margin-top: 60px; }
.mar_t_70 { margin-top: 70px; }

.mar_l_3 { margin-left: 3px; }
.mar_l_5 { margin-left: 5px; }
.mar_l_10 { margin-left: 10px; }
.mar_l_15 { margin-left: 15px; }
.mar_l_20 { margin-left: 20px; }
.mar_l_30 { margin-left: 30px; }
.mar_l_40 { margin-left: 40px; }
.mar_l_60 { margin-left: 60px; }
.mar_l_100 { margin-left: 100px; }
.mar_l_280 { margin-left: 280px; }
.mar_l_400 { margin-left: 400px; }
.mar_l_50pr { margin-left:50%; }

.mar_b_0 { margin-bottom: 0px; }
.mar_b_3 { margin-bottom: 3px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_b_20 { margin-bottom: 20px; }

.mar_r_5 { margin-right: 5px; }
.mar_r_10 { margin-right: 10px; }
.mar_r_20 { margin-right: 20px; }
.mar_r_30 { margin-right: 30px; }
.mar_r_40 { margin-right: 40px; }

.flex { display: flex; }
.flexw { flex-wrap: wrap; }
.flexn { flex:none; }


.tdn { text-decoration:none; }
.dn { display: none; }
.ww { word-wrap:break-word; }
.fw { flex-wrap: wrap; }

.bb1 { border:1px solid #DBDBDB; }
.bb2 { border-left:1px solid #DBDBDB; }
.bb3 { border-top:1px solid #DBDBDB; }
.bb4 { border-bottom:1px solid #DBDBDB; }
.bb5_select { border:1px solid #9C1419; color:#9C1419; }

.h20 {height: 20px; }
.h40 {height: 40px; }
.h60 {height: 60px; }
.h100 {height: 100px; }
.h130 {height: 130px; }
.h150 {height: 150px; }
.h200 {height: 200px; }
.h300 {height: 300px; }
.h500 {height: 500px; }
.h600 {height: 600px; }
.h700pr {height:100%; }
.h1000 {height: 1000px; }
.h1200 {height: 1200px; }

.w20 { width:20px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w70 { width:70px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w320 { width:320px; }
.w300 { width:300px; }
.w400 { width:250px; }
.w400w { width:400px; }
.w450w { width:450px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w700 { width:700px; }
.wmax700 { width:700px; }
.w750 { width:750px; }
.w800 { width:800px; }
.wmax800 { width:800px; }
.w900 { width:900px; }
.wmax900 { width:900px; }
.w1000 { width:1000px; }
.w1300 { width:1300px; }
.w100pr { width:100%; }
.w90pr { width:90%; }
.w2000 { width:2000px; }
.w50pr { width:50%; }
.w60pr { width:60%; }
.w40pr { width:40%; }

/*  */
.flex { display: flex; }

/* формыы */
.input_login 
{ 
    width:270px; 
    height:40px; 
    padding: 15px; 
    box-sizing: border-box;  
    border:1px #D1D1A9 solid; 
    border-radius: 5px;     
}

.input_login_m
{ 
    width:150px; 
    height:30px; 
    padding: 15px; 
    box-sizing: border-box;  
    border:1px #D1D1A9 solid; 
    border-radius: 5px;     
}

.submit_ent { 
    width:270px; 
    height:30px; 
    padding: 15 0 15 0; 
    box-sizing: border-box; 
    border:0; 
    border-radius: 5px;     
    color:#fff;
    display: flex; 
    justify-content: center; 
    align-items: center;  
    font-family: myFirstFont;
}

.submit_ent_m { 
    width:50px;
    height:30px; 
    padding: 15 0 15 0; 
    box-sizing: border-box; 
    border:0; 
    border-radius: 5px;     
    color:#fff;
    display: flex; 
    justify-content: center; 
    align-items: center;
    margin-top: 2px;
}