.li-zakaz{
  cursor: pointer;
  font-size: 26px;
  color: #087;
  font-weight: bold;
}

nav.cmn-tile-nav000 li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
text-align: center;
    }

.wid-gallery img{
    margin: 3px 0px;
    width: 100%;
    height: 170px;
    float: left;
  }

header{background: url(../myimg/01-400.jpg);padding:73px 0;background-size: 100% 100%;}

.fut-1 a:hover {
    color: #FFFFCC; /* Цвет ссылки при наведении на нее курсора мыши */
    text-decoration: underline; /* Добавляем подчеркивание */
     -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
	transition-duration: 0.1s;
   }

.fut-art a:hover {
    color: #FFFFCC; /* Цвет ссылки при наведении на нее курсора мыши */
    text-decoration: underline; /* Добавляем подчеркивание */
     -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
	transition-duration: 0.1s;
   }

/* ============================================================
  HOME NAVIGATION
============================================================ */
nav.cmn-tile-nav {
  display: none;
}
nav.cmn-tile-nav.open {
  display: block;
}
nav.cmn-tile-nav ul {
  list-style: none;
}
nav.cmn-tile-nav li {
  display: block;
  overflow: hidden;
  }
nav.cmn-tile-nav a {
  display: block;
  color: #fff;                     /* ----------div.widget:nth-child(3) > div:nth-child(2)--- */
  }

nav.cmn-tile-nav li.colour-4 a {
  background-color: #0186BA;
}
nav.cmn-tile-nav li.colour-4:hover,
nav.cmn-tile-nav li.colour-4:hover a {
  background-color: #0398D3;
}
nav.cmn-tile-nav li.colour-1 a {
  background-color: #199B86;
}
nav.cmn-tile-nav li.colour-1:hover,
nav.cmn-tile-nav li.colour-1:hover a {
  background-color: #22BDA4;
}
nav.cmn-tile-nav li.colour-3 a {
  background-color: #EB6600;
}
nav.cmn-tile-nav li.colour-3:hover,
nav.cmn-tile-nav li.colour-3:hover a {
  background-color: #FF770F;
}
nav.cmn-tile-nav li.colour-2 a {
  background-color: #8100C2;
}
nav.cmn-tile-nav li.colour-2:hover,
nav.cmn-tile-nav li.colour-2:hover a {
  background-color: #9C00EB;
}







/* ============================================================
  NAVIGATION TOGGLE  -
============================================================ */
a.nav-toggle {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #147DAD;
  color: #FFFFFF;                     /* --------- -------- */
  text-align: center;
}
a.nav-toggle:hover {
  background-color: #0299D3;
}




/* -------------------------     ---------------------------------- */
.crumbs {
--webkit-box-shadow: 0px 25px 10px -26px rgb(9, 148, 251);
-moz-box-shadow: 0px 25px 10px -26px rgb(9, 148, 251);
box-shadow: 0px 25px 10px -26px rgb(9, 148, 251);
padding:20px 10px 20px 10px;}                          /* ---ÎÒÑÒÓÏÛ ÑÂÅÐÕÓ-ÑÏÐÀÂÀ-ÑÍÈÇÓ-ÑËÅÂÀ---- */

.crumbs ul {list-style: none;
display: inline-table;}

.crumbs ul li {display: inline;}

.crumbs ul li a {                     /* ---ÏÀÐÀÌÅÒÐÛ ÄËß ÊÂÀÄÐÀÒÀ ÑÎ ÑÑÛËÊÎÉ---- */
display: block;
float: left;                         /* ---ÂÛÐÀÂÍÈÂÀÅÒ Â ÑÒÐÎ×ÊÓ---- */
background: #3D8ACD;                 /* ---ÔÎÍ ÊÂÀÄÐÀÒÀ---- */
text-align: center;
padding: 7px 40px;                   /* ---ÎÒÑÒÓÏÛ ÂÍÓÒÐÈ ÑÂÅÐÕÓ-ÑÏÐÀÂÀ-ÑÍÈÇÓ-ÑËÅÂÀ--- */
position: relative;
margin: 3px 5px;                     /* ---ÎÒÑÒÓÏÛ ÑÍÀÐÓÆÈ - ÍÓÆÍÛ ÄËß ÏÐÎÁÅËÎÂ ÌÅÆÄÓ ÁËÎÊÀÌÈ - ÒÀÊÆÅ ÑÌ Â ÌÈÍ ÐÀÇÐÅØÅÍÈÈ--- */
 font-size: 20px;                    /* ---ÐÀÇÌÅÐ ÒÅÊÑÒÀ-ÑÑÛËÊÈ--- */
 text-decoration: none;
 color: #EEEEEE;}                      /* ---ÖÂÅÒ ÒÅÊÑÒÀ-ÑÑÛËÊÈ--- */

.crumbs ul li a:after {content: "";                       /* ---ÏÀÐÀÌÅÒÐÛ ÄËß ÑÒÐÅËÊÈ-ÓÊÀÇÀÒÅËß ---- */
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #3D8ACD;position: absolute;
 right: -20px;
  top: 0;z-index: 1;
 -webkit-transition: border 0.3s, -webkit-transform 0.3s;
 -moz-transition: border 0.3s, -moz-transform 0.3s;
 -o-transition: border 0.3s, -o-transform 0.3s;
 transition: border 0.3s, transform 0.3s;}

.crumbs ul li a:before {content: "";                     /* ---ÏÀÐÀÌÅÒÐÛ ÄËß ÕÂÎÑÒÎÂÈÊÀ-ÓÊÀÇÀÒÅËß ---- */
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #fff;position: absolute;
left: 0;
top: 0;}

.crumbs ul li:first-child a {border-top-left-radius: 6px;  /* ---ÇÀÊÐÓÃËßÅÒ ÏÅÐÂÛÉ ÁËÎÊ ÏÎ ÊÐÀßÌ ---- */
 border-bottom-left-radius: 6px;}

.crumbs ul li:first-child a:before {display: none; }

.crumbs ul li:last-child a {padding-right: 30px;           /* ---ÇÀÊÐÓÃËßÅÒ ÏÎÑËÅÄÍÈÉ ÁËÎÊ ÏÎ ÊÐÀßÌ È ÎÒÑÒÓÏ ÑÏÐÀÂÀ ÂÍÓÒÐÈ---- */
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;}

.crumbs ul li:last-child a:after {display: none; }

.crumbs ul li a:hover {background: #22BDA4;color: #000000;}   /* ---ÑÌÅÍÀ ÖÂÅÒÀ ÊÂÀÄÐÀÒÀ ÏÐÈ ÍÀÂÅÄÅÍÈÈ - ÔÎÍ È ÒÅÊÑÒ---- */

.crumbs ul li a:hover:after {border-left-color: #22BDA4;}      /* ---ÑÌÅÍÀ ÖÂÅÒÀ ÒÐÅÓÃÎËÜÍÈÊÀ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ---- */





/* media queries */

@media all and (min-width: 400px) {
 
.fut-1{                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 100%;
    float: left;
    margin: 0px;
    display: block;
    padding: 15px;
    }
.footer{                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    display: block;
    }
.widget.wid-related img {
    width: 100%;
    height: 160px;
}
header{padding:65px 0;}
 
nav.cmn-tile-nav000 li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 47%;
    float: left;
    /*!  */
    height: 253px;
    }

nav.cmn-tile-nav000 .imgmenu1{
  height: 60px;
    width: 90%;
    margin: 45px 0px 10px 0px;}

nav.cmn-tile-nav000 ul li img{
  height: 100px;
  width: 90%;
  margin: 5px 0px 10px 0px;}
  
nav.nav111 ul li img{
   height: 135px;
   width: 100%;
   }

 nav.nav111 li {
  float: left;
  text-align: center; 
margin: 2px;
width: 47%;
height: 235px;
-webkit-box-shadow:0px 0px 2px #a3a3a3;
-moz-box-shadow:0px 0px 2px #a3a3a3;
box-shadow:0px 0px 2px #a3a3a3;
}
nav.cmn-tile-nav222 li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 44%;
    float: left;
    text-align: center;
    height: 253px;
    }
nav.cmn-tile-nav222 .imgmenu1{
  height: 60px;
    width: 98%;
    margin: 45px 0px 10px 0px;}
nav.cmn-tile-nav222 ul li img{
  height: 100px;
  width: 98%;
  margin: 0px 0px 10px 0px;}

}



@media all and (min-width: 480px) {
.widget.wid-related img {
     float: left;
    width: 100%;
    height: 160px;
}
header{padding:65px 0;}
  
a.nav-toggle {
    display: none;
  }
nav.cmn-tile-nav {
    display: block;
  }
nav.cmn-tile-nav li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 50%;
    float: left;
    text-align: center;
    }
nav.cmn-tile-nav000 {
    display: block;
  }
nav.nav111 {
    display: block;
  }
nav.cmn-tile-nav222 {
    display: block;
  }

nav.cmn-tile-nav a {
    text-align: center;
    padding: 10px;
  }
  
nav.cmn-tile-nav000 li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 31%;
    height: 250px;
    }

nav.cmn-tile-nav000 .imgmenu1{
  height: 50px;
    }

nav.cmn-tile-nav000 ul li img{
  height: 90px;
  width: 98%;
  margin: 5px 0px 10px 0px;
  }

nav.nav111 ul li img{
   height: 135px;
   }
nav.nav111 li {
  float: left;
  text-align: center; 
margin: 6px;
width: 30%;
height: 265px;
}

nav.cmn-tile-nav222 li {                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 28%;
    height: 200px;
    }

nav.cmn-tile-nav222 .imgmenu1{
  height: 50px;
    }

nav.cmn-tile-nav222 ul li img{
  height: 90px;
  width: 98%;
  margin: 0px 0px 10px 0px;}

.wid-gallery img{
    margin: 3px 2px; 
    width: 49%;
    height: 155px;
    float: left;
  }

}



@media all and (min-width: 550px) {

.widget.wid-related img {
    width: 100%;
    height: 160px;
}

header{padding:70px 0;}

nav.cmn-tile-nav a {
    text-align: center;
    padding: 12px;
   }
  
nav.cmn-tile-nav000 .imgmenu1{
  height: 70px;
    margin: 55px 0px 10px 0px;}

nav.cmn-tile-nav000 ul li img{
  height: 120px;
 margin: 5px 0px 10px 0px;}

nav.cmn-tile-nav000 li {
    width: 31.4%;
    height: 275px;
  }
  
  
nav.nav111 ul li img{
   height: 180px;
   }
  
nav.nav111 li {
width: 30%;
height: 285px;
}

nav.cmn-tile-nav222 .imgmenu1{
  height: 70px;
    margin: 55px 0px 10px 0px;}

nav.cmn-tile-nav222 ul li img{
  height: 120px;
 margin: 0px 0px 15px 0px;}

nav.cmn-tile-nav222 li {                            /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 29%;
    height: 210px;
  }
nav.cmn-tile-nav333 li {

  height: 125px;
  float: left;
  width: 48%;
  }
.wid-gallery img{
    height: 170px;
   }
}


@media all and (min-width: 643px) {
   
nav.cmn-tile-nav333 li {

  height: 105px;
  }
}  
@media all and (min-width: 721px) {
   
nav.cmn-tile-nav333 li {

  height: 84px;
  }
}    
@media all and (min-width: 767px) {
   
.fut-1{                          /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 25%;
    float: left;
    margin: 0px;
    display: block;
    padding: 15px;
    }

  
.widget.wid-related img {
    width: 100%;
    height: 130px;
}

nav.cmn-tile-nav li {                            /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 33.33%;
  }
nav.cmn-tile-nav a {
    text-align: center;
    padding: 12px;
  }
header{padding:85px 0;}
 
  
nav.cmn-tile-nav000 .imgmenu1{
  height: 90px;
    margin: 60px 0px 20px 0px;}

nav.cmn-tile-nav000 ul li img{
  height: 130px;
  margin: 10px 0px 20px 0px;}

nav.cmn-tile-nav000 li {                            /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 31%;
    height: 285px;
  }
  
  nav.nav111 ul li img{
height: 140px;
}
 nav.nav111 li { 
height: 284px;
}


nav.cmn-tile-nav222 .imgmenu1{
  height: 90px;
    margin: 60px 0px 20px 0px;}

nav.cmn-tile-nav222 ul li img{
  height: 120px;
  margin: 0px 0px 20px 0px;}

nav.cmn-tile-nav222 li {                            /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
    width: 22%;
    height: 220px;
  }
nav.cmn-tile-nav333 li {

  height: 84px;
  width: 47%;
  }

.wid-gallery img{
    height: 170px;
    width: 99%;
    }
  
}


@media all and (min-width: 959px) {

.widget.wid-related img {
    max-width: 250px;
    width: 100%;
    height: 160px;
}

nav.cmn-tile-nav li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
      width: 33.33%;
  }
  nav.cmn-tile-nav a {
    text-align: center;
    padding: 16px;
  }
  header{padding:115px 0;}
  
  .wid-gallery img{
    margin: 2px 2px; 
    width: 98.1%;
    float: left;}
 
  nav.cmn-tile-nav000 .imgmenu1{
  height: 100px;
  width: 90%;
  margin: 50px 0px 20px 0px;
  }

 nav.cmn-tile-nav000 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 31.8%;
height: 290px;
  }
 nav.cmn-tile-nav000 ul li img{
  height: 140px;
  }
 
 nav.nav111 ul li img{
height: 170px;
}
  nav.nav111 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 30.7%;
height: 280px;
  }

  nav.cmn-tile-nav222 .imgmenu1{
  height: 100px;
  width: 90%;
  margin: 50px 0px 20px 0px;
  }

 nav.cmn-tile-nav222 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 22%;
height: 230px;
  }
 nav.cmn-tile-nav222 ul li img{
  height: 140px;
  }
nav.cmn-tile-nav333 li {

  height: 80px;
  width: 48%;
   }
  .wid-gallery img{
    height: 105px;width: 48%;
    }
}


@media all and (min-width: 1198px) {

header{padding:125px 0;}
    
.widget.wid-related img {
    width: 100%;
    height: 160px;
}

nav.cmn-tile-nav000 ul li img{
  margin: 5px 0px 15px 0px;
  width: 94%;
  height: 125px;
}

nav.cmn-tile-nav000 .imgmenu1{
  margin: 60px 0px 15px 0px;
  width: 94%;
  height: 70px;
}

nav.cmn-tile-nav000 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 15.8%;
height: 290px;
  }

nav.nav111 ul li img{
height: 225px;
}
nav.nav111 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
height: 330px;
  }

 nav.cmn-tile-nav222 ul li img{
  margin: 0px 0px 15px 0px;
  width: 100%;
  height: 165px;
}

nav.cmn-tile-nav222 .imgmenu1{
  margin: 60px 0px 15px 0px;
  width: 94%;
  height: 70px;
}

nav.cmn-tile-nav222 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 23%;
height: 250px;
  }
nav.cmn-tile-nav333 li {

  height: 80px;
  width: 49%;
   }
.wid-gallery img{
    height: 135px;width: 48.8%;
    }
}


@media all and (min-width: 2198px) {
nav.cmn-tile-nav000 ul li img{
  margin: 10px 0px 20px 0px;
  width: 94%;
}

nav.cmn-tile-nav000 .imgmenu1{
  margin: 50px 0px 20px 0px;
  width: 94%;
}

nav.cmn-tile-nav000 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 15.5%;
height: 280px;
  }
  
nav.nav111 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
height: 305px;
  }

  nav.cmn-tile-nav222 ul li img{
  margin: 10px 0px 20px 0px;
  width: 94%;
}

nav.cmn-tile-nav222 .imgmenu1{
  margin: 50px 0px 20px 0px;
  width: 94%;
}

nav.cmn-tile-nav222 li {                             /* --------ðàçìåð ÿ÷åéêè ìåíþ ----- */
width: 15.5%;
height: 280px;
  }

.wid-gallery img{
    height: 135px;width: 48%;
    }
}



nav.cmn-tile-nav000 a {
display: block;     /* -----чтобы ссылка была полностью на всю ячейку ----- */
font-size: 16px;
color: #3b3b3b;
font-weight: bold;
text-decoration: none;
background-color: #FFF;
padding: 0px;
margin: 0px;
height: 100%;
border-bottom: 1px solid #ff8800;
    }
nav.nav111 a {
display: block;
font-size: 16px;
color: #008877;
font-weight: bold;
text-decoration: none;
height: 100%;
    }

 nav.cmn-tile-nav222 a {
display: block;     /* -----чтобы ссылка была полностью на всю ячейку ----- */
color: #3b3b3b;
text-decoration: none;
padding: 0px;
margin: 0px;
height: 100%;
border-bottom: 1px solid #ff8800;
font: 14px/16px roboto;
    }

nav.cmn-tile-nav000 span {
display: block;
font-size: 16px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #ff8800;
padding: 5px 2px;
}
nav.nav111 span {
display: block;
font-size: 16px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #ff8020;
padding: 10px 2px;
}

nav.cmn-tile-nav222 span {
display: block;
font-size: 16px;
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #ff8800;
padding: 5px 2px;
}


nav.cmn-tile-nav000 li {
  display: block;
  overflow: hidden;
  margin: 5px;
  box-shadow: 0px 0px 3px #a3a3a3;
  }
nav.nav111 li {
  display: block;
  overflow: hidden;
  }

 nav.cmn-tile-nav222 li {
  display: block;
  overflow: hidden;
  margin: 10px;
  box-shadow: 0px 0px 3px #a3a3a3;
  }
 nav.cmn-tile-nav333 li {
  display: block;
  overflow: hidden;
  margin: 5px;
   padding: 10px;
  text-align: center;
  border: 5px solid #ff8020;
  }
 nav.cmn-tile-nav333 span {
font-size: 24px;
color: #008877;
font-weight: bold;
}
nav.cmn-tile-nav333 .red{

color: #087;

font-size: 26px;
}
nav.cmn-tile-nav333 .mini{
    font-size: 16px;
    color: brown;
}

nav.cmn-tile-nav333-1 li {
  display: block;
  overflow: hidden;
  margin: 6px;
  /*!  */
  width: 100%;
  float: left;
  padding: 10px;
  text-align: center;
  border: 5px solid #ff8020;
  }
nav.cmn-tile-nav333-1 .red{

color: #008877;

font-size: 26px;
font-weight: bold;
}

.tb0 b{color: #fff;font-weight: inherit;}
.tbw130 b{color: #fff}

.text-visible{
   color: #fff;
   font-weight: inherit;
}

.text-hidden {
    display: none;
    /*!  */
}
@media screen and (max-width: 505px) {
    .text-visible {
        display: none;
    }
    .text-hidden {
        display: block;
        /*!  */
    }
}