/* 350 шапка */
/* 650 центр  */
/* 900 підвал */






/* -------------------------------------------------------- */
/*                          комп                            */
/* -------------------------------------------------------- */

/* Webfont: Lato-Regular */
/* нвпис в логотипі : сервісний центр */
@font-face {
    font-family: 'LatoRegular';
    src: url('fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato//Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* Webfont: Lato-Bold */
/* нвпис в логотипі : remont-1001 */
@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* свої фонти */
:root{
    --color-one: rgb(99, 1, 141); /* основний колір */
    --color-one-end: rgb(216, 125, 255); /* основний колір */
    --color-one-but: rgb(96, 0, 199); /* основний колір */
    --color-grin: rgb(210, 210, 210); /* підсвітка при наведенні */
    --color-hm: rgb(244, 240, 255);
    --color-wite: rgb(255, 255, 255);
    --color-red: rgb(255, 0, 0);
    --full-window-min: 900px;
    --font-logo-brend: 'LatoBold';  /* remont-1001 */
    --font-logo-text: 'LatoRegular';  /* сервісний центр */
    --font-alltext: Verdana, Geneva, sans-serif;  /* основний текст */
    --font-HHtext: Tahoma, Geneva, sans-serif;  /* заголовки */
  
}


.wk{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}



.workcount{
    width: 100%;
    background-color: rgb(246, 253, 186);
}


/* свойства body */

.container{
    display: flex;
    flex-direction: column;
}

/* свойства body */
a:link{
    color: #000000;
}	   

a:visited{
    color: #000000;
}   
body{
    margin: 0px; 
}		

H1, H2, H3 {
    font-family: var(--font-HHtext);
    font-size: 20px; 
}

H1, H2 {
    text-align: center;
}

H3{
    margin-left: 20px;
    text-align: left;
}

table {
    font-family: var(--font-logo-text);
}

ul{
    list-style: none;	/* Убираем маркеры списка */
    padding-left: 0px;
    line-height: 23px;
}










/* все страницы */

.alllist {
    display: flex;
    flex-direction: column;
}

.alllist_he {
    order: -1;
}



.alllist_pol {
    font-family: var(--font-alltext);
    padding-left: 1%;
    padding-right: 1%;
/*    font-family: var(--font-alltext);      */

}


/* блок основная часть с рекламой*/
.alllist_pol_banner {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
	align-items: flex-start; 
    margin-left: 2%;
    width: 96%;   
}

/* реклама левая*/
.all_left_reklama {
    width: 20%;   
}

/* основное поле с рекламой*/
.all_center_reklama {
    width: 60%;   
}

/* реклама правая*/
.all_right_reklama {
    width: 20%;   
}

/* изображения кнопок с картинками */
.fotobrend {
    width: 250px;
    height: 250px;
    border: 0px;	
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* навигационные изображения на страницах */
.knopki {
    width: 100%;   
}
/* навигационные изображения на страницах */
.knopki_blok {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;   
}

/* навигационные изображения на страницах */
.knopki_knopka {
    width: 30%;   
}


/* изображения на главной странице */
.logoprint {
    width: 100%;
    height: auto;
    border: 0px;	
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sapka_0 {
    width: 90%;   
    margin-left: 5%;
}

.sapka_1 {
    display: none;
}

.sapka_2 {
    display: none;
}

.menu {
    width: 100%;   
}

.menu1 {
    display: none;
}

.menu2 {
    display: none;
}

.l_menu1 {
    display: none;
}

.l_menu2 {
    display: none;
}

.rek1 {
    display: none;
}

.rek2 {
    display: none;
}

.l_menu0 {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 13%;   
    margin-left: 5%;
}
  
.l_menu1 {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 13%;   
    margin-left: 5%;
}
    
.c_pol {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 52%;   
}
    
.r_pol_0 {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;   

}

.r_pol_1 {
    display: none;    
}

.r_pol_2 {
    display: none;    
}

.zagolovok{
    text-align: center;
}
    
.tx {
    width: 96%;   
    margin-left: 2%;
    text-align: justify;
}
 
.prise {
    width: 50%;   
    margin-left: 25%;
    text-align: justify;
}
 
.nk_0 {
    width: 90%;   
    margin-left: 5%;
}
 
.nk_1 {
    display: none;    
}
 
.nk_2 {
    display: none;    
}

.cl {
    clear:both;    
} 
   
/* изображения на страницах */
.fotoprint {
    width: 60%;
    height: auto;
    border: 0px;	
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* хлебные крошки */
.hleb_krohka {
    display: flex;
    flex-direction: row;
    margin-left: 2%;
    width: 96%;   
}




/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/*                          HEADER                          */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */


/* шапка сайта нова */
.headerfull {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;  
    border-radius: 10px 10px 0px 0px;  /* закруглення вуглів */
    background-size: no-repeat;
    background-size: cover;
    background: linear-gradient(var(--color-one) 50% , var(--color-one-end) );    
}

.headerhedbrendmenu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.headerhedbrendmenu [type="checkbox"]{
    display: none;
}


.PunktMenu{
    background-size: 4px 90%;
    background-image: url("/static/images/grey.jpg"); 
    transition: all 0.5s ease-out;
    background-repeat: no-repeat;
    background-position-x: 4px;
    width: 100%;

}

.PunktMenu:hover {
    background-size: 96% 90%;

}

.headerhedbrendmenuphone, .headerbuttonmenu, .RamkaMenu, .RamkaMenuZapravka{
    border-radius: 10px;  /* закруглення вуглів */
    background: linear-gradient(45deg, var(--color-one) , var(--color-one-end), var(--color-one) , var(--color-one-end) );    
    background-size: 100% 300%;
    animation: gradient 2s ease infinite;
}

/* випадаюче вікно з терелфонами, випадаюче вікно меню */
.headerhedbrendmenuphone, .headerbuttonmenu{
    position: absolute;
    margin-top: 40px;
    width: 200px;
    font-family: var(--font-HHtext);
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-out;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

/* випадаюче вікно з терелфонами */
.headerhedbrendmenuphone{
    right: 70px;
}

/* випадаюче вікно меню */
.headerbuttonmenu{
    right: 10px;
}


.headerhedbrendmenuphone a{
    text-decoration: none;
    padding: 10px;
}


.headerbuttonmenu a{
    text-decoration: none;
    padding: 10px;
}

/* закривання випадаючих вікон */
.headerbuttonclose{
    float:right;
    padding-top: 2px;
    margin-top: 10px;
    margin-right: 10px;
    height: 20px;
    width: 20px;

    background-color:var(--color-red);  /* фон */
    border-radius: 5px;  /* закруглення вуглів */
}

.headerbuttonclose:hover {
 /*   background-color:var(--color-grin);  /* фон */
    height: 24px;
    width: 24px;
   padding-top: 4px;

}
.headerbuttonclose:hover .headerbuttonclosefoto  {
    /*   background-color:var(--color-grin);  /* фон */
       height: 20px;
       width: 20px;
    }
   
.headerbuttonclosefoto{
    height: 16px;
    width: 16px;
}


.MenuWiteFon{
    background-color:var(--color-wite);  /* фон */
    width: 96%;
    height: 97%;
    margin-left: 2%;
    margin-top: 2%;
    border-radius: 5px;  /* закруглення вуглів */
    text-align: center;
}

.MenuWiteFon ul{
    line-height: 35px;
}


/* обробка кнопки телефонів */
.vis:hover .headericontel1{
    margin-left: 0px;
    margin-top: 0px;
    height: 40px;
    width: 40px;
}


input.vis:checked ~ .headerhedbrendmenuphone{
    height: 220px;
}
/* END обробка кнопки телефонів END*/



/* обробка кнопки меню */
.vis0:hover .headericonmenu1{
    margin-left: 0px;
    margin-top: 0px;
    height: 40px;
    width: 40px;
}

input.vis0:checked ~ .headerbuttonmenu{
    height: 300px;
}
/* END обробка кнопки меню END */


/* іконки кнопок */
.headericon, .headericontel1, .headericonmenu1{
    margin-left: 4px;
    margin-top: 4px;
    height: 32px;
    width: 32px;
}

/* іконки кнопок телефонів активна */
.headericontel2, .headericonmenu2{
    display: none;
    margin-left: 4px;
    margin-top: 4px;
    height: 32px;
    width: 32px;
}

.headerhedlogobrend{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* логотип */
.headerlogo{
    height: 87px;
    width: 43px;
    margin-left: 10px;
    margin-right: 10px;

}

/* кнопки */
.headerbutton{
    height: 40px;
    width: 40px;
    margin-left: 5px;
    margin-right: 5px;
 /*   background-color:var(--color-one);  /* фон */




}

/* вертикальна лінія  */
.headerline{
    height: 40px;
    width: 2px;
    background-color:var(--color-wite);  /* фон */

}

/* горизонтальна лінія */
.GorizontLine{
    height: 2px;
    width: 100%;
    background-color:var(--color-one);  /* фон */

}

/* верхній блок шапки на всіх пристроях */
.headerhed{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 2%;
    width: 96%;
}



/* напис сервысний центр */
.headerhedbrendservis{
    font-size: 120%; 
    font-family: var(--font-logo-text);
    color:var(--color-wite); 
}

/* напис remont-1001 */
.headerhedbrendbrend{
    font-size: 300%; 
    font-family:var(--font-logo-brend);
    color:var(--color-wite); 
}



/* випадаюче вікно замовлення зворотного дзвінка */
.headerrightbackcall{
    position: absolute;
    margin-top: 20px;
    padding: 10px;
    right: 0px;
    background-color:var(--color-wite);  /* фон */
    border-style: solid;  /* тип рамки */
    border-color: var(--color-one); /* рамка */
    border-radius: 10px;  /* закруглення вуглів */
    font-family: 'Times New Roman Black', Times, serif;
    display: none;
    transform-origin: top right;
    transform: rotate(90deg);
}


/* замовлення зворотнього дзвінка */
.headerbackcall{
    display: flex;
    align-items: center;
    position: absolute;
    margin-top: 40%;
    height: 40px;
    right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Times New Roman Black', Times, serif;
    background-color:var(--color-one);  /* фон */
    color:var(--color-wite); 
    border-radius: 10px;  /* закруглення вуглів */
    transform-origin: bottom right;
    transform: rotate(-90deg);
}

.headerbackcall [type="checkbox"]{
    display: none;
}

/* обробка кнопки меню */
input.vis2:checked ~ .headerrightbackcall{
    display: block;
}
/* END обробка кнопки меню END */


/* права панель */
.headerright{
    position: absolute;
    margin-top: 20%;
    right: 0px;
}


/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/*                    центральна частина                    */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */

/* кнопка "читати повністю" в блозі*/
.knopkaprod{
    float:right;
    text-decoration: underline;
}

/* хлебные крошки новые */
ul.HKrohka > li {
    font-family: var(--font-alltext);
	display: inline;	/* Располагаем элементы по горизонтали */
	list-style: none;	/* Убираем маркеры списка */
}

.HKrohka{
    margin-top: 0px;
}


.RamkaMenu{
    width: 37%;
    height: 100%;

}

/* пусте поле під шапкою */
.zero{
    height: 100px;
}

/* центральна частина всіх сторінок */
.global-main{
    width: 100%; 
}


/*блок відео на головній сторінці */
.homevideo{
    display: flex;
    flex-direction: column;
    width: 100%;   
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/static/images/logo-centr.jpg");
}

/* напис "УВАГА" на головній сторінці */
.homevideost1{
    margin-left: 13%;
    font-size: 160%; 
    font-family: 'Times New Roman Black', Times, serif;
    color:var(--color-wite); 
}

/* напис "до кожноъ детилі" на головній сторінці */
.homevideost2{
    margin-left: 15%;
    font-size: 160%; 
    font-family: 'Times New Roman', Times, serif;
    color:var(--color-wite); 
}

/* логотип з брендом на головній сторінці */
.homevideobrend{
    width: 100%;   
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* логотип на выдео*/
.homelogo{
    height: 170px;
    width: 85px;
    margin-left: 10px;
    margin-right: 10px;

}


/* напис сервысний центр */
.homebrendservis{
    font-size: 240%; 
    font-family: var(--font-logo-text);
    color:var(--color-wite); 
}

/* напис remont-1001 */
.homebrendbrend{
    font-size: 600%; 
    font-family: var(--font-logo-brend);
    color:var(--color-wite); 
}

/* реклама своя */
.homereklama{
    display: flex;
    flex-direction: row;
    width: 92%;  
    margin-left: 2%; 
    height: auto;
}

/* текст своєї реклами */
.homereklamatext{
/*    font-size: 130%; */
    font-family: var(--font-alltext);
    padding: 10px;
}


/* вертикальна лінія своя реклама */
.homereklamaline{
    height: auto;
    width: 3px;
    background-color:var(--color-grin);  /* фон */

}

/* логотип на власній рекламі*/
.homereklamalogo{
    height: 87px;
    width: 43px;
    margin-left: 10px;
    margin-right: 10px;

}

/* напис сервысний центр */
.homereklamaservis{
    font-size: 120%; 
    font-family: var(--font-logo-text);
}

/* напис remont-1001 */
.homereklamabrend{
    font-size: 300%; 
    font-family: var(--font-logo-brend);
}

/* переходи на основні розділи */
.homemenu{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px; 
   
}

 .homemenu a{
    height: 100%;  
 /*   text-decoration: none;   */
   
 }  

.AllBrendBlock{
    width: 100%;  
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
 /*   text-decoration: none;   */
}




/* пункт меню основного розділу */
.AllBrendBlockPosition, .BrendBlock{
    width: 48%;  
    text-align: center;

}

.AllBrendBlockPosition table{
    width: 100%;  
    text-align: center;

}


/* .AllBrendBlockPosition a:hover{
    background-color:var(--color-grin);  /* фон */
/* }    */


.homemenutext{
    width: 47%;  
}

/* навигационные изображения на страницах */
.knopkiprint {
    width: 60%;
    height: auto;
    border: 0px;	
    display: block;
    margin-left: auto;
    margin-right: auto;
}      


.UslugaFoto{
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}

/* пункт меню основного розділу */
.homemenuposition{
    width: 100%-5px;  
    height: 100%;
    border-style: solid;  /* тип рамки */
    border-color: var(--color-wite); /* рамка */
    border-radius: 5px;  /* закруглення вуглів */
    background-color: var(--color-wite);
    margin: 4px;
}

/* картинка техніки */
.UslugaFotoRamka{
    width: 75%;  
    border-style: solid;  /* тип рамки */
    border-color: var(--color-one); /* рамка */
    border-radius: 10px;  /* закруглення вуглів */
    margin-left: 12%;
}

/* картинка блога */
.BlogFotoRamka{
    border-style: solid;  /* тип рамки */
    border-color: var(--color-one); /* рамка */
    border-radius: 10px;  /* закруглення вуглів */
    margin-left: 30%;  
    padding: 2%;   
    width: 30%;
}

/* картинка в статті блога */
.BlogFotoRamkast{
    border-style: solid;  /* тип рамки */
    border-color: var(--color-one); /* рамка */
    border-radius: 10px;  /* закруглення вуглів */
    margin-left: 35%;
    padding: 2%;
    width: 25%;
}


.homemenutextul{
    width: 100%;  
    font-family: var(--font-alltext);
    margin-left: 2%;

}


.homemenupositionzag H1, H2{
    color: var(--color-one); /* рамка */
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: left;

}

.homemenupositiontext{
    font-size: 20px; 
    margin-left: 50px;
    text-align: left;
    font-family: var(--font-HHtext);
    
}

.homemenutextulzag{
    font-size: 120%; 
    font-family: var(--font-HHtext);
    margin-left: 2%;

}

.homemenutextulzaga{
    font-family: var(--font-HHtext);

}


.tableprise{
    width: 60%;  
    font-family: var(--font-alltext);
    margin: auto;

}

.tableprisehead{
    background-color:var(--color-grin);  /* фон */

}

.homedostavka{
    width: 100%;  
    font-size: 150%; 
    font-family: var(--font-HHtext);
    text-align: center;
    background-color:var(--color-one);  /* фон */
    color: var(--color-wite);
    margin-top: 15px;
    margin-bottom: 15px; 
    padding-top: 10px;
    padding-bottom: 10px;
}

.homezag{
    margin-left: 12%;

}


/* бренди рядок */
.homebrendstring{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%; 
    margin-top: 15px;
    margin-bottom: 15px; 
 
}

.homebrendstringblok{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50%; 

}

.homeperevagi{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%; 
    margin-top: 2%;
    margin-bottom: 2%; 
}


.homebrendstringblokonefotozagluchka{
    border-width: 8px;
    margin-top: 2%;
    margin-bottom: 2%; 
    margin-left: 15px;
    margin-right: 15px;
}


.homebrendstringblokonefoto{
    border-width: 4px;
    border-left-color: var(--color-grin);
    border-top-color: var(--color-grin) ;
    border-right-color: var(--color-one-but);
    border-bottom-color: var(--color-one-but);
    border-radius: 10px;  /* закруглення вуглів */
    background-color:var(--color-wite);  /* фон */
    margin-top: 2%;
    margin-bottom: 2%; 
    margin-left: 1%;
    margin-right: 1%;
}

.homebrendstringblokonefoto:hover {
    background-color:var(--color-grin);  /* фон */
}

.homebrendstringblokonefoto:active {
    border-left-color: var(--color-one-but);
    border-top-color: var(--color-one-but) ;
    border-right-color: var(--color-grin);
    border-bottom-color: var(--color-grin);
}

.homebrendstringblokonefoto:active .homebrendstringblokfoto{
    width: 100%; 
    height: auto; 
    margin-top: 14px;
    margin-bottom: 6px; 
    margin-left: 2px;
    margin-right: 0px;
}



.homebrendstringblokfoto{
    width: 100%; 
    height: auto; 
    margin-top: 10px;
    margin-bottom: 10px; 
    margin-right: 4px;
}

.homeadvant{
  width: 31%; 
  background-color:var(--color-grin);  /* фон */
  font-family: var(--font-HHtext);
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 150%; 
   
}


/* блок */
.GloballBlock{
    width: 92%;  
    margin-left: 2%; 
}

/* Заказ запраки картриджа */
.KnopkaZakaz{
    width: 30%; 
    height: auto; 
    text-align: center;
    font-family: var(--font-HHtext);
    border-width: 4px;
    border-left-color: var(--color-grin);
    border-top-color: var(--color-grin) ;
    border-right-color: var(--color-one);
    border-bottom-color: var(--color-one);
    border-style: solid;  /* тип рамки */
    border-radius: 10px;  /* закруглення вуглів */
    background-color:var(--color-wite);  /* фон */
    margin-top: 15px;
    margin-left: 35%;
}

.KnopkaZakaz:hover {
    background-color:var(--color-grin);  /* фон */

}


.KnopkaZakaz:active{
    border-left-color: var(--color-one);
    border-top-color: var(--color-one) ;
    border-right-color: var(--color-grin);
    border-bottom-color: var(--color-grin);

}

.KnopkaFull{
    padding-top: 15px;
    padding-bottom: 15px;

}

.KnopkaFull:active{
    padding-top: 19px;
    padding-bottom: 11px;
    padding-left: 4px;

}

input.Knopka:checked ~ .KnopkaZakazForma{
    display: block;
}


.KnopkaZakazForma{
    position: fixed;
    left: 35%;
    top: 10%;
    width: 30%;
    padding: 10px;
    background-color:var(--color-wite);  /* фон */
    border-style: solid;  /* тип рамки */
    border-color: var(--color-one); /* рамка */
    border-radius: 10px;  /* закруглення вуглів */
    font-family: var(--font-alltext);
    display: none;
}




/*  видалення галочки  */
.homemenutext [type="checkbox"]{
    display: none;
}    


/*  відео на сторінках  */
.alllist_video{
    padding: 10px;
    text-align: center;

}

/* закривання випадаючих вікон */
.homebuttonok{
    float:right;
    padding: 2px;
}



/* вертикальна лінія */
.homeline{
    width: 2px;
    background-color:var(--color-one);

}



.textcentre {
    text-align: center;
}



.RamkaMenuZapravka li{
    background-size: 4px 90%;
    background-image: url("/static/images/grey.jpg"); 
    transition: all 0.5s ease-out;
    background-repeat: no-repeat;
    background-position: 4px;
    width: 100%;
    height: 100%;
}

.RamkaMenuZapravka li:hover {
    background-size: 98% 90%;
}

.RamkaMenuZapravka {
    margin-top: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 98%;
}





.AllKnopka{
    border-style: solid;  /* тип рамки */
    border-width: 4px;
    border-left-color: var(--color-grin);
    border-top-color: var(--color-grin) ;
    border-right-color: var(--color-one);
    border-bottom-color: var(--color-one);
    border-radius: 10px;  /* закруглення вуглів */
    background-color:var(--color-wite);  /* фон */
}

.AllKnopka a{
    text-decoration: none;
}

.AllKnopka:hover {
    background-color:var(--color-grin);  /* фон */
}

.AllKnopka:active{
    border-left-color: var(--color-one);
    border-top-color: var(--color-one) ;
    border-right-color: var(--color-grin);
    border-bottom-color: var(--color-grin);
}

.KnopkaHom{
    width: 37%;
    height: 100%;
}

.KnopkaBrendMenu{
    margin-top: 10px;
    margin-left: 4px;
    width: 60%;
    padding: 10px;
    display: none;
    font-family: var(--font-alltext);
}

.KnopkaBrendMenu a{
    width: 100%;
    text-align: center;
    text-decoration: none;
   
}


.KnopkaBrend{
    margin-top: 2%;
    margin-bottom: 2%; 
    margin-left: 1%;
    margin-right: 1%;
}

/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/*                           ПІДВАЛ                         */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */

.GorizontLineWite{
    display: none;

}


.MenuFooter{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 30%;  

}

.global-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;  
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0px 0px 10px 10px;  /* закруглення вуглів */
    background-size: no-repeat;
    background-size: cover;
    background: linear-gradient(var(--color-one-end) , var(--color-one) 60%);    

}

.footerblok{
    font-family: var(--font-HHtext);
    color: var(--color-wite); /* рамка */
    font-size: 90%;
    text-align: center;

}

.footerblok a{
    font-family: var(--font-HHtext);
    color: var(--color-wite); /* рамка */
    text-decoration: none;

}

.footersetisoz{
    display: flex;
    flex-direction: row;

}

.footersetisozfoto{
    width: 30px;
    height: 30px;
    border: 0px;
    margin: 3px;
}

.he{
    display: flex;
    flex-direction: row;
    width: 100%;   
    justify-content: space-between;
    align-items: center;
    background-color: #c3e5ff;
}

.hea {
    margin-left: 2%; 
    width: 96%;   
}

.he_tim{
  	background-color: #c3e5ff;
   	font-weight: bold; 
}

.he_tel{
   	background-color: #c3e5ff;
    width: 150px;
  	font-weight: bold; 
   	text-align: center;
    line-height: 180%; 
    font-family: Arial, Helvetica, sans-serif;
}

.navbar {
    overflow: hidden;
    background-color: #ddd;
    font-family: Arial, Helvetica, sans-serif;
  	font-weight: bold; 
}

.navbar a {
    float: left;
    text-align: center;
    padding: 114px 16px;
    text-decoration: none;
   	font-weight: bold; 
}

.buttonin {
    border: none;
    outline: none;
    padding: 5px 5px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
   	font-weight: bold;
    height: 150px;
    width: 200px;
    
}
.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    border: none;
    outline: none;
    padding: 5px 5px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
   	font-weight: bold; 
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #f9f9f9;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* реклама на страницах */
.rek_ski {
    display: none;
}

/* логотип сайта */
.he_logo0 {
    width: 432px;
    height: 108px;
    border: 0px;	
	left: 0px;
	top: 0px;
}

/* значок меню */
.he_menu {
    width: auto;
    height: 16px;
    border: 0px;	
}



.footerblok li{
    background-size: 0px 90%;
    background-image: url("/static/images/oneend.jpg"); 
    transition: all 0.5s ease-out;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;

}

.footerblok li:hover {
    background-size: 100% 90%;
}














/* -------------------------------------------------------- */
/*                          FOOTER                          */
/* -------------------------------------------------------- */

.foo {
    margin-left: 2%; 
    width: 96%;   
}

.fo_adr{
    width: 100%;   
    background-color: #c3e5ff;
    font-weight: bold; 
    text-align: center;
    line-height: 30px;
}
		
.fo_inf{
    display: flex;
    flex-direction: row;
    width: 100%;   
    justify-content: space-between;
  	align-items: center;
   	background-color: #c3e5ff;
}

.fo_seti{
    display: flex;
    flex-direction: row;
  	background-color: #c3e5ff;
    width: 180px;
   	text-align: center;
}

.fo_tim{
  	background-color: #c3e5ff;
   	font-weight: bold; 
}

.fo_tel{
   	background-color: #c3e5ff;
    width: 150px;
   	font-weight: bold; 
   	text-align: center;
    line-height: 180%; 
    font-family: Arial, Helvetica, sans-serif;
}

/* значки социальных сетей */
.fo_log1 {
    width: 50px;
    height: 50px;
    border: 0px;
}














/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*                                         Адаптивні варіанти                                    */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

@media (max-width: 1050px) {  

    .KnopkaHom{
        width: 45%;  
    }



}




@media (max-width: 915px) {  

    .global-footer{
        flex-direction: column;
    }
    
    .MenuFooter{
        width: 100%;  
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .GorizontLineWite{
        display: block;
        height: 2px;
        width: 90%;
        background-color:var(--color-wite);  /* фон */
        margin-left: 5%;
    }
           
    .headerhedlogobrend{
        padding-bottom: 1%;
    }
    
    .homemenu{
        flex-direction: column-reverse;
    }
        
    .KnopkaHom{
        width: 70%;  
        margin-left: 15%;
        margin-top: 15px;
    }

    .KnopkaZakazForma a{
        width: 0%;  
        margin-left: 0%;
        line-height: 1.5;
    }

    .homemenutextul a{
        width: 0%;  
        margin-left: 0%;
    }

    .homemenutext{
        width: 100%;  
    }
 
    .footerblok{
        font-size: 100%;
    }
    
    .AllBrendBlockPosition, .BrendBlock{
        line-height: 1.5;
    }
    
    .UslugaFotoRamka{
        width: 50%;  
        margin-left: 25%;
        margin-bottom: 3%;
    }
    
    .homemenutextul{
        line-height: 1.5;
    }
    
    .tableprise{
        width: 80%;  
    }
    
    .alllist_pol {
        line-height: 1.5;
    }
    
    .headerhedbrendmenuphone{
        right: 65px;
    }





/*                             стара частина, схоже на мусор                */
  
    /* реклама левая*/
    .all_left_reklama {
        display: none;
    }

    /* основное поле с рекламой*/
    .all_center_reklama {
        width: 100%;   
    }

    /* реклама правая*/
    .all_right_reklama {
        display: none;
    }

    .hleb_krohka_left {
        display: none;
	}

    /* изображения кнопок с картинками */
    .fotobrend {
        width: 200px;
        height: 200px;
    }

    .sapka_1 {
        width: 90%;   
        margin-left: 5%;
        display: block;    
    }

    .sapka_0 {
        display: none;
    }

    .sapka_2 {
        display: none;
    }

    .r_pol_0 {
        display: none;    
    }    
    
    .r_pol_1 {
        display: block;    
        width: 90%;   
        margin-left: 5%;
    }    

    .r_pol_2 {
        display: none;    
    }    

    .menu {
        display: none;    
    }
    
    .menu1 {
        display: block;
    }  
    
    .l_menu0 {
        display: none;    
    }
    
    .l_menu1 {
        display: block;
        width: 20%;   
    }  

    .rek0 {
        display: none;
    }

    .rek1 {
        display: block;
        width: 90%;   
        margin-left: 5%;
    }

    .rek2 {
        display: none;
    }

    .c_pol {
        width: 70%;   
    }

    .fotoprint {
        width: 60%;
        height: auto;
    }

    .nk_1 {
        display: block;    
        width: 90%;   
        margin-left: 5%;
    }
 
    .nk_0 {
        display: none;    
    }
 
    .nk_2 {
        display: none;    
    }

    /* -------------------------------------------------------- */
    /*                          HEADER                          */
    /* -------------------------------------------------------- */

    /* нижній блок шапки лише телефон */
    /*.headerfut{  */
    /*    display: none;*/
    /*}*/

    /* адреса і режим праці, лише комп */
    .headerhedadrec{
        display: none;
    }
    
   
    
    
    /* логотип сайта */
    .he_logo0 {
        width: 480px;
        height: 120px;
    }

    /* значок меню */
    .he_tim{
        display: none;
    }

    .he_tel{
        width: 230px;
    }

    /* -------------------------------------------------------- */
    /*                          FOOTER                          */
    /* -------------------------------------------------------- */

    .fo_inf{
        flex-direction: column-reverse;
    }

    .fo_tel{
        width: 100%;   
    }

    .fo_tim{
        width: 100%;   
    	text-align: center;
    }

    
    .fo_seti{
        width: 100%;   
        justify-content: space-evenly;
    }

}


@media (max-width: 768px) {  

    .homeperevagi{
        flex-direction: column;
        justify-content: center;
    }
    .homeadvant{
        width: 70%; 
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 17%;
        margin-top: 2%;
    }
      
    .homebrendstring{
        flex-direction: column;
    }

    .homebrendstringblok{
        width: 100%; 
    }

    .headerhedbrendmenuphone{
        right: 60px;
    }





}

@media (max-width: 600px) {  

    .headerhed{
        flex-direction: column;
        width: 100%;
        margin-left: 0px;
    }
    
    .headerhedbrendmenu{
        justify-content: flex-end;
        width: 100%;
    }
    .knopkiprint {
        width: 80%;
    }

    .KnopkaZakazForma{
        width: 50%;
        left: 25%;
    }
    
    .headerhedbrendmenuphone{
        margin-top: 10px;
        right: 50px;
    }

    .headerbuttonmenu{
        margin-top: 10px;
    }






    .AllBrendBlock{
        flex-direction: column;
        margin-left: 4px;

    }
    



    .KnopkaBrendMenu{
        display: block;
    
    }
    
    .BrendBlock{
        width: 96%;  
    }
       













}

@media (max-width: 320px) {  

    /* навигационные изображения на страницах */
    .knopki_blok {
        flex-direction: column;
    }
    .knopki_knopka {
        justify-content: center;
        width: 90%;   
    }
   
    /* реклама левая*/
    .all_left_reklama {
        display: none;
    }

    /* основное поле с рекламой*/
    .all_center_reklama {
        width: 100%;   
    }

    /* реклама правая*/
    .all_right_reklama {
        display: none;
    }
 

    .hleb_krohka_left {
        display: none;
	}

    /* изображения кнопок с картинками */
    .fotobrend {
        width: 320px;
        height: 320px;
    }

    .prise {
        width: 75%;   
        margin-left: 12%;
    }

    .sapka_2 {
        width: 90%;   
        margin-left: 5%;
        display: block;    
    }

    .sapka_0 {
        display: none;
    }

    .sapka_1 {
        display: none;
    }

    .r_pol_0 {
        display: none;    
    }    

    .r_pol_1 {
        display: none;    
    }    

    .r_pol_2 {
        display: block;    
        width: 90%;   
        margin-left: 5%;
    }    

    .menu1 {
        display: none;
    }  

    .menu2 {
        display: block;
    }  
    
    .l_menu1 {
        display: none;
    }  

    .l_menu2 {
        width: 100%;   
        display: block;
    }  

    .rek0 {
        display: none;
    }

    .rek1 {
        display: none;
    }

    .rek2 {
        display: block;
    }

    .c_pol {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 90%;   
        margin-left: 5%;
    }
 
    .fotoprint {
        width: 60%;
        height: auto;
    }

    .nk_2 {
        display: block;    
        width: 90%;   
        margin-left: 5%;
    }
 
    .nk_0 {
        display: none;    
    }
 
    .nk_1 {
        display: none;    
    }

    /* -------------------------------------------------------- */
    /*                          HEADER                          */
    /* -------------------------------------------------------- */

    /* адреса і режим праці, лише комп */
    .headerhedadrec{
        display: none;
    }

    /* телефони пошук меню планшет, комп */
    .headerhedmenu{
        display: none;
    }

    /* логотип сайта */
    .he_logo0 {
        width: 100%;
        height: auto;
    }
 
    .he_tel{
        display: none;
    }
		
    .he{
        justify-content: center;
    }

}