
  :root 
  {
      --screen-width:1200px;

      --color1:#000000;
      --color2:#9FEDD7;
      --color3:#FEF9C7;
      --color4:#630641;
      --color5:#e2d673;
      --colorB:#000;
      --colorW:#FFF;
      --colorG1:#333;
      --colorG2:#555;
      --colorG3:#888;
      --colorG4:#CCC;


  }


  *, *::before, *::after {  box-sizing: border-box; }

  body					{margin:0px;background:#fff;/*linear-gradient(gray, white) no-repeat fixed;*/ }
  *						{font-family:roboto, helvetica, sans-serif,arial;font-size:18px;}


  td, body  { 	color: var(--colorB);	}


	h1	{	font-size	:	24px;	color		:	var(--color1);	}
	h2	{	font-size	:	22px;	color		:	var(--color1);	}
	h3	{	font-size	:	20px;	color		:	var(--color1);	}
    
	div.header 			{transition: all 500ms;}	
    div.header          {
							width:100%;
							left:0;
							top:0;
							background-image:linear-gradient(45deg, #991166, #571683); 
							
							display:table;
							
						}
 					
		
	
	div.header-flex  div		{transition: all 500ms;}		
	.headerScrollOut			{top:-80 !important;}
	.headerScrollIn				{top:0 !important;}
	.headerElementsOnScroll		{width:fit-content;}
	
	.headerElementsOnScroll.header-logo 	{transform:scale(0.65) translate(0px,70px) !important;}
	.headerElementsOnScroll.header-slogan	{font-size:180%; font-weight:600; transform:translate(0px,50px) !important; word-wrap:normal !important;}
	
	.headerElementsOnScroll	div.topPhone		{transform:translate(0px,50px) !important;}
	.headerElementsOnScroll	div.topAddr			{transform:translate(0px,-200px) !important;}
	.headerElementsOnScroll	div.topMail			{transform:translate(0px,-200px) !important;}
	.headerElementsOnScroll	div.messengers		{transform:translate(0px,-200px) !important;}
	
	.pathStringMini             {display:none;}

      /* top menu */ 
    div.topMenuShow     {display:none;}
    div.navigation      {display:flex;flex-direction:row;flex-wrap:nowrap;align-content:normal;justify-content:center;align-items:center;
							width:100%;height:100%;margin-top:10px;background:#916;
							}
    div.navigation a    {display:inline-block;height:100%;margin-right:10px;}

    A:Link.menuLink     {color:var(--colorW);font-size:16px;white-space:wrap;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;text-align:center;text-decoration:none;}
    A:Visited.menuLink 	{color:var(--colorW);}
    A:Hover.menuLink 	{color:var(--colorB);background:var(--color4);}
   
    A:Link.menuLinkAct    {color:var(--colorB);background:var(--color5);font-weight:bold;}
    A:Visited.menuLinkAct {color:var(--colorB);background:var(--color5);font-weight:bold;}

    
    div.submenu       {font-size:14px;transform:scaleY(0);transform-origin:0 0;transition:0.1s ease-in-out;position:absolute;z-index:10000;padding:10px 15px;background:#916;box-shadow:1px 1px 2px #666;}
    div.submenu  a    {font-size:inherit;font-weight:500;letter-spacing:2px;display:block;padding:8px;margin-bottom:5px;color:var(--colorW);text-decoration:none;background:#916;text-transform:uppercase;}
    div.submenu  a:hover  {background:var(--color4);color:var(--colorW);}


    .navigation-element:hover           {color:var(--colorW);}
    .navigation-element:hover   a       {color:var(--colorW);}
    .navigation-element:hover .submenu  {transform:scaleY(1);transition:0.3s ease-in-out;}


    div.header1-1       {display:none;position:absolute;top:0;width:100%;padding:10px;color:#fff;box-shadow:0px 3px 5px #666;z-index:999;
						}
    
      div.smallHeaderContainer      {display:flex;flex-direction: row;flex-wrap: nowrap;align-items:center; width:100%;height:15vmin;}
     /* div.smallHeaderContainer > div  {height:15vmin;} */
      /*div.smallHeaderContainer > div > div {position:absolute;width:fit-content;height:fit-content;overflow:hidden;margin:auto;top:0;bottom:0;left:0;right:0;}*/
      
      div.smallHeaderMenu          {flex-grow:1;overflow:hidden; }
      div.smallHeaderMenu   div    {text-decoration:none;color:#fff;font-size:10vmin;font-weight:bold;}
	  div.smallHeaderMenu   img    {height:85%;}

      div.smallHeaderLogo           {flex-grow:1;text-align:left !important;width:100px;}
      div.smallHeaderLogo img       {height:15vmin;} 

	  div.smallHeaderSlogan         {flex-grow:1.5;text-align:center !important;font-weight:800;font-size:20px;}

      div.smallHeaderPhone          {overflow:hidden; }
      div.smallHeaderPhone   a      {text-decoration:none;color:var(--colorB);font-size:6vmin;font-weight:bold;}
      
      div.smallHeaderFind            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderFind  div      {color:#fff;font-size:6vmin;font-weight:normal;cursor:pointer;}

      div.smallHeaderTel            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderTel  div       {color:#fff;font-size:7vmin;font-weight:normal;cursor:pointer;}
      
      
      div.smallHeaderMsg            {overflow:hidden;flex-grow:1.0;}
      div.smallHeaderMsg  div      {color:#fff;font-size:8vmin;font-weight:bold;cursor:pointer;}

	  .shsOpen						{display:flex !important;flex-direction:column;align-items:stretch;justify-content:space-around;}
	  
	  div.smallHeaderSub            {transition: all 500ms;width:100%;h3eight:100vh;
									 display:none;background:var(--color4);}
      
	  
	  a.shsLink						{font-size:7vw;text-transform:uppercase;font-weight:bold;text-align:left;color:var(--colorW);text-decoration:none;}
	  
	  a.shsLinkAct::before			{content: '\25BA ';}	
	  
      div.smallHeaderSub  a[href^=tel]   {color:#fff;font-size:7vw;font-weight:bold;cursor:pointer;display:block;text-decoration:none;margin-bottom:20px;}
      div.smallHeaderSub  a[href^=mail]   {color:#fff;font-size:7vw;font-weight:normal;cursor:pointer;display:block;text-decoration:none;}
      /*
	  div.smallHeaderSub textarea         {width:95%;height:16vmin;font-size:80%;padding:5px;margin-bottom:10px;}
      div.smallHeaderSub input[type=button]           {width:95%;font-size:80%;padding:5px;margin-top:10px;background:#77afd4;}
	  */

		

      #msg_send          {padding:10px;background:linear-gradient(49deg, #0000ff, #ff0091);;color:var(--colorW);}

    div.backMessage     {display:none;}

    div#header2         {margin:0px 0px 10px 0px;}

  
    div#header2         {background:linear-gradient(171deg, rgb(73, 73, 73) 0%, rgba(235,208,30,1) 35%, rgba(242,38,6,1) 100%);padding:0px;}
   
	  /* баннеры */ 
	.bannerContainer0	{width:100%;height:450px;overflow:hidden;white-space:nowrap;}
	.bannerContainer1	{width:100%;height:450px;white-space:nowrap;position:relative;}
	.bannerContainer2	{width:100%;height:450px;display:inline-block;background:#555;}

	.bannerDemo				{width:100%;height:450px;display:flex;flex-direction:row;justify-content:center;}
	.bannerLH, .bannerRH	{width:50%;max-width:calc(var(--screen-width)/2);height:450px;position:relative;}
	.bannerLH				{text-align:right;}
	.bannerRH				{text-align:left;}

	.bannerLH > div, .bannerRH > div	{position:absolute;margin:auto 0;top:0;bottom:0;height:fit-content;}
	
	.banner-textarea	{right:5%;width:90%;}
	
	.banner-textarea > div	{}
	
	.banner-title		{font-size:36px; color:#fff;font-weight:bold;text-shadow:1px 1px 4px #444;	white-space:normal;	}
	.banner-text		{color:#fff;font-size:20px;white-space:normal;mix-blend-mode: hard-light;}
	.banner-link >	a	{color:#fff;font-size:20px;white-space:normal; mix-blend-mode: hard-light;display:block;margin-top:5%;}
	
	.banner-image		{left:5%;}
	.banner-image >  img {height:350px;m2ax-width:99%;}



	.bannerNavigation	{width:100%;text-align:center;}
	.bannerNavigation > div	{width:30px;aspect-ratio:1;border:4px solid #630641;margin:15px 5px;display:inline-block;background:#fff;}
	.bannerNavigation > div:hover	{border:4px solid #cc4499;cursor:pointer;box-shadow:1px 1px 3px #888;}
	.bannerNavigaionActive			{background:#991166 !important;}

	/* баннеры конец*/ 

    

    div#header1         {position:sticky;top:0;height:100px;z-index:10000;}
    div#header1         {width:100%;height:220px;padding:0px;}

    div.header-flex     {display:flex;flex-direction:row;flex-wrap:nowrap; justify-content:start;align-items:center;padding:10px 20px;width:100%;margin:0 auto;
							
						} //max-width:var(--screen-width);
	
    div.header-logo     {flex-grow:1;vertical-align:middle;transform-origin:0% 100%;transform:scale(1);max-width:150px;}
    div.header-logo a:link img {height:130px;filter:drop-shadow(1px 1px 6px white);margin:10px;}
	div.header-logo a:link:hover img {filter:drop-shadow(1px 1px 6px red);}
	
    div.header-menu     {flex-grow:1;vertical-align:middle;width:100%;margin:0 auto;} //max-width:var(--screen-width);
    div.header-contact  {flex-grow:1;vertical-align:middle;text-align:right;padding:6px;padding-top:15px;
							transform-origin:100% 100%;
						}
    
	div.header-slogan	{flex-grow:2;font-size:200%;font-weight:1000;color:var(--colorW);padding-left:1%;
							word-wrap:break-word;
							text-shadow:1px 1px 3px #222;line-height:100%;
							transform-origin:0% 100%;
						}
	
	
    div.header-flex2    {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;padding:4px 30px;background:var(--colorG4);width:100%;max-width:var(--screen-width);margin:0 auto;}
      .showTopMenu            {display:none;}
    
    div.topAddr                {color:var(--colorW);font-size:18px;font-weight:bold;text-decoration:none;white-space:nowrap;}
    div.topPhone a               {color:var(--colorW);font-size:34px;font-weight:bold;text-decoration:none;white-space:nowrap;}
    div.topMail  a               {color:var(--colorW);font-size:24px;margin-bottom:20px;text-decoration:none;white-space:nowrap;}
    
	div.messengers	a			 {margin-top:10px;border:0px;display:inline-block;}
	
	
    div.pathString                              {flex-grow:1.5;padding:10px 10px;white-space:nowrap;}
    div.pathString small                        {display:block;font-size:80%;margin-bottom:4px;color:#777;font-style: italic;;}
    div.pathString a, div.pathString span       {color:#222;margin-right:10px;margin-left:10px;font-size:90%;font-style: italic;}
    div.pathString a:first-of-type              {margin-left:0px;}

    div.findModel                   {flex-grow:0.5;pading:0px;text-align:right;padding-top:10px;white-space:nowrap;}
    .findModelContainer             {display:inline-block;background:#fff;border:1px solid #999;padding:1px;position:relative;}
    .findModelInput                 {font-size:18px;padding:5px;border:0px;}
    .findModelAction                {display:inline-block;padding:5px;margin-left:2px;background:#fff;cursor:pointer;}
    .findModelContainer:hover       {box-shadow:0px 0px 6px #555;}
    .findModelMessage               {visibility:hidden;;position:absolute;padding:10px;right:0px;top:-50px;background:#f00;color:#fff;}


    
    div.maintext         {width:100%;max-width:1200px;margin:40px auto;padding:20px;background:white no-repeat fixed;}

	div.desc			{margin-bottom:30px;font-style:italic;text-align:justify;font-size:110%;}
	div.nodesc			{margin-bottom:30px;}

    div.pluses          {display:flex;flex-direction:row;flex-wrap:wrap; align-items: stretch;justify-content:center;margin-top:30px;}
    p.plus              {flex:9 0 0;display:flex;width:25%;margin:10px;border:1px solid #888;padding:20px;text-align:center;position:relative;box-shadow:2px 2px 3px #999;font-weight:bold;}
    p.plus::before      {content:url('/img/green_v.png');position:absolute;z-index:100;left:-12px;top:-15px;}
    p.plus:hover        {box-shadow:5px 5px 4px #999;}
    

    div.catalogList          {margin-top:30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-content:center;}
    div.catalogListElm       {margin:10px;border:1px solid #888;text-align:center;box-shadow:2px 2px 3px #999;font-weight:bold;}
    div.catalogListElm       {display:inline-block;width:30%;min-height:420px;padding-bottom:20px;}
    div.catalogListElm a     {display:block;text-decoration:none;color:#333;h1eight:100%;}
    div.catalogListElm a div {width:100%;height:60%;background-size:cover;background-position:bottom center;background-repeat:no-repeat;transition: filter 0.8s ;}
    div.catalogListElm a p.tit   {margin:15px;}
	div.catalogListElm a p.txt   {margin:15px;font-weight:normal;text-align:center;}
    div.catalogListElm a:hover     {color:#f00;}
    div.catalogListElm a:hover  div   {filter:grayscale(0%) brightness(120%);transition: filter 2s ;}
  
    div.catalogListElm .btnInfo {display:inline-block;width:35%;padding:8px 8px;margin:5px; background:#444;color:#fff;text-decoration:none;}
    div.catalogListElm .btnAsk  {display:inline-block;width:35%;padding:8px 8px;margin:5px; background:#444;color:#fff;text-decoration:none;}
    
    div.catalogListElm .miniParam {width:90%;margin:auto;}
    div.catalogListElm .miniParam  td {padding:0px 2px;font-size:90%;}
    div.catalogListElm .miniParam  tr td:nth-child(2) {white-space:nowrap;text-align:right;vertical-align:top;white-space:wrap;}

	

    A:Link.link2level     {display:block;color:var(--colorG1);background:var(--colorG4);text-decoration:none;font-size:18px;margin-bottom:5px;padding:10px;}
    A:Visited.link2level 	{color:var(--colorG1);text-decoration:none;}
    A:Hover.link2level	  {color:var(--color5);background:var(--colorG3);text-decoration:none;}

	.link2cont				{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}
	.link2cont	> a.link2level	{display:inline;margin-right:10px;margin-top:5px;flex-grow:1;}
  
    /* новая карточка */
      .osnComponents                      {width:100%;}
      .osnComponents tr                   {background:rgb(221, 221, 221);color:#000;cursor:pointer;}
      .osnComponents tr:hover             {background:rgb(250, 126, 11);color:#fff;}
      .osnComponents td                   {font-size:120%;padding:5px;}
      .osnComponents tr td:nth-child(1)   {width:30%;white-space:nowrap;}
      
	 
	.tthDopTable	 {width:95%;margin-left:auto;margin-right:auto;}
	.tthDopTable th		{padding:20px;background:var(--colorG2);color:var(--colorW);}
	.tthDopTable td		{padding:20px;border-bottom:1px dotted #888;}
	
	  

    .cardTTH    {width:100%;margin-top:60px;}
    .cardTTH h3   {margin-top:0px;b1order-bottom:3px solid #2b3a5f;background:rgb(248, 141, 2);color:#fff;padding:10px;}
    .cardTTH .twocolumns {width:100%;column-width:25em;margin-top:50px;column-rule:1px solid #ddd;column-gap:3em;}
    .cardTTH .onecolumns {width:100%;height:30px;}
    
    .cardTTH  p   {display:inline-block;border:1px solid rgb(241, 241, 241);width:100%;margin:0px;}
    .cardTTH table {margin-bottom:20px;width:100%;}
    .cardTTH th     {background:#666;color:#fff;padding:5px;font-size:16px;}
    .cardTTH td     {border-bottom:1px dotted #555;padding:5px;font-size:16px;}
    .cardTTH tr td:nth-child(1)     {width:50%;text-align:left;}
    .cardTTH tr td:nth-child(2)     {width:50%;text-align:center;}
   
    td.noBorder     {border:0px;height:20px;}

	.cardImagesContainer {width:100%;height:fit-content;position:relative;overflow:hidden;margin-bottom:30px;}
	
    .cardImages     {display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:start;a2lign-content:space-between;
						/*overscroll-behavior:contain;*/
						overflow-x:scroll;
						-webkit-overflow-scrolling: touch;
						touch-action: pan-x;
						scroll-snap-type: x mandatory;
						scroll-snap-stop: always;
						
	
	}
    .cardImages img {width:100%;height:auto;flex-shrink:0;scroll-snap-align: center;scroll-padding-inline-start: 50px;padding:1px;
					transition:filter 500ms ease;
					}
    .cardImages img:hover {background:#eee;box-shadow:3px 3px 4px #888;}
    .cardText       {margin-bottom:50px;}
    .cardText p      {font-size:18px;}

	.galleryNav        {position:absolute;top:50%;opacity:0.1;transition:opacity 500ms;}
	.galleryNavLeft 	{left:1%;}
	.galleryNavRight    {right:1%;}
	
    .galleryNav img    {box-shadow:0px 0px 10px #444;border-radius:50%;cursor:pointer;padding:1px;}
    .galleryNav img:hover {box-shadow:2px 2px 10px #444;border-radius:50%;cursor:pointer;}
    .galleryNav img:active {box-shadow:0px 0px 15px rgb(0, 34, 129);border-radius:50%;cursor:pointer;}

    .galleryNavLeft img, .galleryNavRight img {margin: 10px;}

	.cardImagesContainer:hover	.galleryNav {opacity:1;}
	
	.cardImagesContainer  		.cardImages img    {filter:grayscale(0.95);}
    .cardImagesContainer:hover  .cardImages img    {filter:grayscale(0.2);}

    .cardAnchorLink   {color:#2b3a5f;font-size:110%;display:block;margin-bottom:10px;}


	.tableCosts			{width:100%;border-spacing:0px;}
	.tableCosts th		{color:var(--colorW);font-weight:bold;text-align:left;padding:5px;}
	.tableCosts td		{padding:15px 5px;text-align:left;border-bottom:1px dotted #888;}
	.tableCosts td	input[type=checkbox]	{scale:1.5;}
	.tableCosts tr:first-child 		{background:linear-gradient(45deg, #0000ff, #ff0091);}
	.tableCosts tr th:last-child	{text-align:right;}
	.tableCosts tr td:last-child	{text-align:right;}
	
	
	


    div.footerMax       {background:var(--colorG2);width:100%;position:absolute;left:0;margin-top:100px;border-top:20px solid #777;}
    div.footer          {background:var(--colorG2);max-width:var(--screen-width);margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap; align-items: stretch;justify-content:space-between;}
    
    /*
    div.footer div      {width:30%;padding:20px;color:var(--color5);}
    div.footer div:nth-child(1) img {width:200px;}
    div.footer div:nth-child(1) p::first-letter {font-weight:bold;width:10px;}
    */

    div.footer1         {width:fit-content;max-width:30%;min-width:30%;padding:20px;color:var(--colorW);}
    div.footer2         {width:fit-content;color:var(--colorW);padding:40px 20px;;}
    div.footer3         {width:30%;color:var(--colorW);padding:20px;}

    div.footer1 img     {height:100px;filter:drop-shadow(0px 0px 3px white);}

    a:link.footerPhone     {color:var(--colorW);display:block;margin-bottom:5px;text-decoration:none;}
    a:visited.footerPhone  {color:var(--colorW);}
    a:hover.footerPhone    {color:var(--colorW);}
    
	div.footer2text			{display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #888;}
	div.footer2 div			{display:block;}
	div.footer2 div	b		{display:inline-block;white-space:nowrap;padding:5px;}
	div.footer2 div	a		{display:inline-block;margin:5px;color:var(--colorW);padding:5px;}
	div.footer2 div	a:not(:last-child):after		{content:',';}
	
	div.footer2 div	a:hover		{background-color:var(--color4);}
	
	

    div#backFormClick          {cursor:pointer;padding:20px;font-weight:bold;background:var(--color1);color:var(--colorW);width:fit-content;box-shadow:2px 2px 4px var(--colorG2);margin-top:60px;}
    div#backFormClick:active   {box-shadow:outset 2px 2px 3px var(--colorW);}

    div#backFormContent        {padding:20px;width:50%;background:var(--color1);color:var(--colorW);display:none;font-size:18px;}

    div#backFormContent textarea {margin-bottom:20px;margin-top:5px;width:100%;padding:10px;}


    img.main-page-image         {filter:grayscale(0.8);transition:filter 1s ease;margin:15px 0px;;}
    img.main-page-image:hover   {filter:grayscale(0.2);transition:filter 3s ease;}


    
      div.scrollOnTop   {position:absolute;z-index:999;padding:10px;font-size:220%;right:10%;color:#fff;background:#916;border-radius:50%;box-shadow:3px 3px 5px #444;
                              vertical-align:middle;text-align:center;
                              opacity:0.4;
                              cursor:pointer;
							  aspect-ratio:1/1;
							  font-family:serif;
                        }
      div.scrollOnTop:hover   {opacity:1;}

    .tuman            {visibility:hidden;z-index:99999;position:absolute;width:100%;height:100%;top:0;left:0;background:url(/img/vars/tuman.png) repeat;}
    /*
	.cardImagesPanel  {visibility:hidden;position:absolute;background:#fff; z-index:100000;width:1280px;height:720px;max-width:80%;max-height:90%;border:10px solid #fff;border-radius:10px;box-shadow:0px 0px 10px rgb(10, 10, 10);
                        background-size:auto 100%;
                        background-repeat:no-repeat;
                        background-position:center center;
                        text-align:center;
                      }
    .galleryImageBody  {z-index:100001;position:absolute;height:100%;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;}
    .galleryImageTitle {z-index:100002;position:absolute;background:rgba(255, 255, 255, 0.99);padding:20px;max-width:70%;width:fit-content;font-size:120%;border-bottom-right-radius: 10px;}

    .galleryNav        {z-index:100003;position:absolute;top:0;}
    .galleryNav img    {box-shadow:0px 0px 10px #444;border-radius:50%;cursor:pointer;padding:1px;}
    .galleryNav img:hover {box-shadow:2px 2px 10px #444;border-radius:50%;cursor:pointer;}
    .galleryNav img:active {box-shadow:0px 0px 15px rgb(0, 34, 129);border-radius:50%;cursor:pointer;}

    .galleryNavLeft img, .galleryNavRight img {margin:70% 10px;}

    .galleryNavClose  {top:-25px;right:-25px;}
    .galleryNavLeft   {position:inherit;top:0;left:10px;height:100%;width:40%;text-align:left;vertical-align:bottom;cursor:w-resize;}
    .galleryNavRight  {position:inherit;top:0;right:10px;height:100%;width:40%;text-align:right;vertical-align:bottom;cursor:e-resize;}
	*/
    /* анимация галереи */
	/*
    .galleryImageBody {
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
          -webkit-animation-duration: .2s;
          animation-duration: .2s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
      }
      .oborotState1 { animation-name: o2borotState1; }
      .oborotState2 { animation-name: oborotState2; }
      .oborotState3 { animation-name: oborotState3; }

    
        @keyframes oborotState1 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg);  }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg);  }
        }
        @keyframes oborotState2 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg); opacity: 1; }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
        }
        @keyframes oborotState3 
        {
            0%    { transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);opacity: 0; }
            100%  { transform: perspective(1400px) rotate3d(0, 1, 0, 0deg); opacity: 1; }
        }
	*/
  
    @media screen and (min-width:800px) and (max-width: 1025px) 
    {    
      div.smallHeaderMenu           {flex-grow:0.5; }
      div.smallHeaderLogo           {flex-grow:1.5;text-align:left !important;}
      div.smallHeaderFind           {flex-grow:0.5;}
      div.smallHeaderTel            {flex-grow:0.5;}
      div.smallHeaderMsg            {flex-grow:0.5;}
    }

    @media screen and (max-width: 1025px) 
    {
     
      
      
      .pathString    	         {display:none;}
	  .pathStringMini            {display:block;padding:10px 0px;margin-top:10px;}
	  .pathStringMini a			 {color:var(--colorB);}
      /*#header1, #header2      {display:none;}     */

      body                    {margin:0;padding:0;}

      div#header1              {position:static;display:none;}
      div.header1-1            {display:flex;flex-direction:column;position:sticky;top:0;background:var(--color4);}
	  
	 /* background:var(--color4);*/
		
		
		div.smallHeaderSub 	{display:none;}
		
	 

      div.header-flex              {flex-wrap:wrap;flex-direction:column;}
      div.header-flex div          {text-align:center;}
      div.header-flex2              {display:none;}

      
      div.header-logo a:link img    {width:fit-content;height:fit-content;width:60vmin;}
      div.header-logo a             {display:inline-block;height:100%;}
      
      div.showTopMenu               {display:none;width:100%;background:#888;color:#fff;font-weight:bold;padding:10px;margin:10px 0px;text-align:right;border:1px solid #eee;}


      A:Link.menuLink     {color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;letter-spacing:3px;text-transform:uppercase;display:inline-flex;align-items:center;flex-direction:row;padding:5px 10px;text-align:center;white-space:nowrap;text-decoration:none;position:relative;}
      A:Visited.menuLink 	{color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;inline-flex;text-transform:uppercase;align-items:center;flex-direction:row;text-decoration:none;}
      A:Hover.menuLink 	  {color:var(--colorW);background:var(--color1);font-size:16px;font-weight:300;inline-flex;align-items:center;text-transform:uppercase;flex-direction:row;text-decoration:none;}
     
      A:Link.menuLinkAct    {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}
      A:Visited.menuLinkAct {color:var(--colorB);background:var(--color4);font-size:16px;font-weight:bold;}
  
      
      div.submenu       {display:none;}
  


      div.smallHeaderSub            {padding: 20px 5px 10px 5px;}

      div.header-menu               {min-height:30px;position:relative;}
      div.header-menu .navigation  {flex-wrap:wrap;flex-direction:column;display:none;text-align:center;}
      div.smallHeaderSub .navigation {flex-wrap:wrap;flex-direction:column;text-align:center;height:fit-content;}

      a:Link.menuLink              {font-size:2vmax;width:100%; justify-content: center;; padding:5px;background:#888;margin-bottom:4px;}

      div.header-logo            {white-space:nowrap;vertical-align:middle;position:relative;} 
      div.header-contact           {white-space:nowrap;} 
      div.topPhone                  {margin-bottom:10px;}
      div.topPhone    a             {font-size:5vmax;} 
      div.topMail     a             {font-size:3vmax;} 

      

      div.mainText            {width:100%;margin:0px 20px 0px 0px;padding:15px;}
      div.mainText img        {max-width:100% !important;height:auto !important;margin:0;text-align:center;}
  
      div.mainTextTopping3     {width:100%;border:1px solid #0f0;}




      div.pluses              {display:block;margin:0px auto;}
      p.plus                  {display:block;flex:0;width:100%;border:1px solid #888;margin:5 0;padding:15;box-shadow:none;}
      p.plus::before          {content:'';}

      div.catalogList         {display:block;flex:0;}
      div.catalogListElm      {flex:0;width:100%;display:block;margin:20px 0px;min-height:250px;height:fit-content;}
      div.catalogListElm a div      {background-size:contain;height:200px;}
		
		div.catalogListElm a p.tit   {margin:15px;}
		div.catalogListElm a p.txt   {margin:15px;font-weight:normal;text-align:center;}

      .galleryNav        {display:none;}
    
      .cardImages       {display:flex;padding:5px 5px 30px 5px;flex-wrap:nowrap;
						overscroll-behavior:contain;
						overflow-x:scroll;
						-webkit-overflow-scrolling: touch;
						touch-action: pan-x;
						scroll-snap-type: x mandatory;
						scroll-snap-stop: always;
						
						}
						
      .cardImages img   {width:100%;height:auto;flex-shrink:0;
						  scroll-snap-align: center;
						  scroll-padding-inline-start: auto;
						  padding:1px;
						  }
      .cardImages img:not(:last-child) {margin-right:10px;}
	  
	  .cardImagesContainer  		.cardImages img    {filter:none;}
	  .cardImagesContainer:hover  .cardImages img    {filter:none;}


      div#backFormClick {}
      div#backFormContent {width:100%;}

      div.footer          {position:absolute;width:100%;left:0;display:block;border-top:3px solid #ccc;margin-top:100px;padding:10 30px 0;
                            flex-direction:unset;flex-wrap:unset;align-items:unset;justify-content:unset;padding:0;
                          }
      div.footer div.footer1      {width:100%;max-width:100%;padding:20px;text-align:left;}
      div.footer div.footer2      {width:100%;max-width:100%;padding:20px;text-align:left;}
      div.footer div.footer3      {width:100%;max-width:100%;padding:20px;text-align:left;}

      div.footer1 div p,a    {font-size:130%;}
	  div.footer2 div p,a    {font-size:100%;}

      div.footer div.footer1 img {width:200px;text-align:left;}
	  
	  div.footer2 			{display:block;font-size:100%;}
	  div.footer2 div		{font-size:100%;}
	  
	  
      div.footermax         {border-top:0px;}
    
      .svg     {width:60%;}
   
		.bannerLH		{width:100%;text-align:center;}	
		.bannerRH		{display:none;}

    }

   