* { font-size: 0; z-index: 0; margin: 0; padding: 0; font-family: Times New Roman, Palatino Linotype, Georgia, Arial; }

body { background-image: url(../image/svg/FonBusa.svg), linear-gradient( 180deg, rgb(0,0,55) 0%, rgb(20,20,95) 5%, rgb(175,238,255) 25%, rgb(205,205,200) 35%, rgb(255,230,200) 40%, rgb(255,250,200) 50%, rgb(250,245,200) 65%, rgb(250,250,210) 70%, rgb(230,195,90) 80%, rgb(175,175,50) 90%, rgba(0,0,0,0)); background-repeat: repeat, no-repeat; background-size: 300px 300px, 100%; background-color: cornsilk; text-align: center;
}
.f { display: flex; justify-content: space-between; }
.fc { display: flex; justify-content: center; }
.fwc { display: flex; flex-wrap: wrap; justify-content: center; }
.fws { display: flex; flex-wrap: wrap; justify-content: space-between; }
.fdr { display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; }
.i_bl { display: inline-block; }
.f_s10 { font-size: 10px; }
.v_a { vertical-align: top; margin: 0 auto; }
.wi24 { width: 240px; }
.wi36 { width: 360px; }
.wi48 { width: 480px; }
.wiH1_V { width: 240px; }
.he1 { height: 120px; }
.he136 { height: 136px; }
.he15 { height: 150px; }
.he24 { height: 240px; }
.he96 { height: 960px; }
.llY { width: 100%; height: 10px; margin: 0px; background-color: yellow; } .llR { width: 100%; height: 10px; margin: 0px; background-color: red; } .llB { width: 100%; height: 10px; margin: 0px; background-color: blue; } .llG { width: 100%; height: 10px; margin: 0px; background-color: green; } .r { display: inline-block; font-size: 16px; background-color: red; } .b { display: inline-block; font-size: 16px; background-color: blue; } .g { display: inline-block; font-size: 16px; background-color: green; }
.pad32 { padding: 3px 2px; }
.marg0a { margin: 0 auto; }
.margV { margin: 8px; }
.marg8a { margin: 8px auto; }
.marg10 { margin-top: 10px; }
.marg25 { margin-top: 25px; }
.bgN { background: radial-gradient(rgb(213,190,145), rgb(165,118,67)); }
.bs { box-shadow: 2px 2px 2px 2px rgba(50,50,50,.5), -3px -3px 5px 3px rgba(50,50,50,.5), inset 3px 3px 10px 5px rgba(250,230,190,.5), inset -3px -3px 10px 5px rgba(250,230,190,.5); }
.bsN { box-shadow: -1px -1px 2px 1px rgb(213,190,145), 1px 1px 2px 2px rgb(165,118,67); }
.bor { border: 2px solid rgb(213,190,145); }
.borH1_V { border-radius: 10px; }
.borR { border-radius: 20px; }
header { width: 100%; font-size: 16px; }
.logotip1 { background: url(../image/svg/logotip.svg) no-repeat; background-position: center; background-size: 100%; }
.logotip2 { background: url(../image/svg/logotip2.svg) no-repeat; background-position: center; background-size: 80%; }
.logotip3 { background: url(../image/svg/logotip.svg) no-repeat; background-position: center; background-size: 100%; }

/*Temp*/
.sizelogotip2 { transition: .5s ease-in-out; width: 480px; height: 120px; }
.sizelogotip { width: 240px; height: 120px; }
.sizepanel2_Main, .sizepanel2 { transition: .5s ease-in-out; width: 480px; height: 960px; }
.sizepanel13 { transition: .5s ease-in-out; width: 240px; height: 960px; }
.sizefoot2 { transition: .5s ease-in-out; width: 480px; height: 240px; }
.sizefoot13 { transition: .5s ease-in-out; width: 240px; height: 240px; }
/*Temp*/

/*стиль меню по leaf*/
.link { font-size: 20px; color: rgb(96,56,19); cursor: pointer; margin: 1px 5px; padding: 0 5px; border: 2px solid rgb(125,85,50); background: radial-gradient(rgb(213,190,145), rgb(165,118,67));border-radius: 6px; }
.link:hover { color: rgb(243,220,175); border: 2px solid rgb(213,190,145); background: radial-gradient(rgb(165,118,67), rgb(213,190,145)); }

/*стиль Navigator*/
.linkC { color: rgb(243,220,175); border: 1px solid rgb(213,190,145); background: radial-gradient(rgb(165,118,67), rgb(213,190,145));font-size: 20px; width: 30px; height: 30px; margin-top: 4px; border-radius: 50%; }
.link1 { color: rgb(96,56,19); cursor: pointer; border: 1px solid rgb(96,56,19); background: radial-gradient(rgb(213,190,145), rgb(165,118,67));font-size: 20px; width: 30px; height: 30px; margin-top: 4px; border-radius: 50%; }
.link1:hover { color: rgb(243,220,175); border: 2px solid rgb(213,190,145); background: radial-gradient(rgb(165,118,67), rgb(213,190,145)); }
.navOn { display: none; }

/*стрелки*/
.Arrow_left { background: url(../image/svg/Arrow_left.svg) no-repeat; background-size: 100% 200%; width: 100px; height: 30px; overflow: hidden; }
.Arrow_right { background: url(../image/svg/Arrow_right.svg) no-repeat; background-size: 100% 200%; width: 100px; height: 30px; overflow: hidden; }
.Arrow_left:hover, .Arrow_right:hover { background-position: 0px -30px; }
/*стрелки*/

/*стиль history*/
.main_his { margin: 24px; padding: 24px; text-align: center; font-size: 12px; border-radius: 30px; background-color: cornsilk; box-shadow: 1px 1px 2px 0px rgb(265,218,167), -1px -1px 5px 0px rgb(165,118,67), inset 3px 3px 10px 1px rgb(265,218,167), inset -3px -3px 10px 0px rgb(165,118,67);background: radial-gradient(rgb(165,118,67), rgb(213,190,145)); }
.foto_boxC { margin: 100px; padding: 8px; box-shadow: 1px 1px 2px 1px rgb(165,118,67), -1px -1px 2px 1px rgb(165,118,67), inset 2px 2px 5px 1px rgb(165,118,67), inset -2px -2px 5px 1px rgba(165,118,67);background: linear-gradient( 185deg, rgb(150,140,100) 0%, rgb(230,220,200) 8%, rgb(250,230,200) 50%, rgb(220,200,180) 70%, rgb(220,200,160) 75%, rgb(200,190,150) 85%, rgb(150,130,100) 100%);border-radius: 20px; }
.foto { max-width: 180px; margin: 0px; 

box-shadow: 2px 2px 4px 3px rgb(213,190,145), -2px -2px 3px 3px rgb(165,118,67);border-radius: 10px; }
.foto_boxA { display: none;}
.foto_boxB { margin: 10px; padding: 8px; 

box-shadow: 1px 1px 2px 1px rgb(165,118,67), -1px -1px 2px 1px rgb(165,118,67), inset 2px 2px 5px 1px rgb(165,118,67), inset -2px -2px 5px 1px rgba(165,118,67);background: linear-gradient( 185deg, rgb(150,140,100) 0%, rgb(230,220,200) 8%, rgb(250,230,200) 50%, rgb(220,200,180) 70%, rgb(220,200,160) 75%, rgb(200,190,150) 85%, rgb(150,130,100) 100%);border-radius: 20px; }
.fotoA { max-width: 160px; margin: 0px; 

box-shadow: 2px 2px 4px 3px rgb(213,190,145), -2px -2px 3px 3px rgb(165,118,67);border-radius: 10px; }
h1 { font-size: 2em; color: rgb(90,30,10); }
p { font-size: 1.6em; text-align: left; border-radius: 24px; padding: 20px; box-shadow: 1px 1px 2px 0px rgb(265,218,167), -1px -1px 5px 0px rgb(165,118,67), inset 3px 3px 10px 1px rgb(265,218,167), inset -3px -3px 10px 0px rgb(165,118,67);background: linear-gradient( 185deg, rgb(150,140,100) 0%, rgb(230,220,200) 8%, rgb(250,230,200) 50%, rgb(220,200,180) 70%, rgb(220,200,160) 75%, rgb(200,190,150) 85%, rgb(150,130,100) 100%);}
/*стиль history*/

/*стиль photo*/
.main_foto { font-size: 10px; width: 60%; margin: 0px 10px; }
.labels_fotos { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; }
.photo { width: 70%; margin: 7px auto; box-shadow: 2px 2px 4px 3px rgb(213,190,145), -2px -2px 3px 3px rgb(165,118,67);border-radius: 20px; }
.label_fot { width: 100px; border-radius: 6px;box-shadow: 1px 1px 2px 1px rgb(165,118,67), -1px -1px 2px 1px rgb(165,118,67), inset 2px 2px 5px 1px rgb(165,118,67), inset -2px -2px 5px 1px rgba(165,118,67); }

.articul { width:70%; 
padding: 8px; 
margin: 8px auto 2px auto; 
text-align: center; 
background: radial-gradient(rgb(165,118,67), rgb(213,190,145));border-radius: 10px;box-shadow: 1px 1px 2px 1px rgb(165,118,67), -1px -1px 2px 1px rgb(165,118,67), inset 2px 2px 5px 1px rgb(165,118,67), inset -2px -2px 5px 1px rgba(165,118,67); }
/*video*/
.fram { width: 240px; height: 134px; border: none; box-shadow: 2px 2px 4px 0px rgb(155,110,60), -2px -2px 4px 0px rgb(90,70,20); border-radius: 10px; }

/*стиль count*/
/*.fwl { display: flex; flex-wrap: wrap; justify-content: center; }*/
.count { font-size: 12px; color: rgb(96,56,19); margin: 1px 5px; padding: 0 5px; border: 2px solid rgb(125,85,50); background: radial-gradient(rgb(213,190,145), rgb(165,118,67));border-radius: 6px; }