#first{
display: none; 
}
.first-m{
width : 100%; 
text-align : center;
font       : 100% Tahoma;
text-decoration : none;
display: table;
}
 #bar-m  {
background-color: #003153;
background: url(../pic/header2.jpg)left no-repeat;
width : 100%; 
text-align : center;
font       : 100% Tahoma;
text-decoration : none;
display: table;
} 
button#example_2_1{
display               :block;
font-size             : 18px; 
font-family           : sans-serif; 
font-weight           : 600;
color                 : #fff;
width                 : 200px;
height                :30px;
background            :  #002137 ;
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px; 
}
button#example_2_2{
display               :none;
font-size             : 18px; 
font-family           : sans-serif; 
font-weight           : 600;
color                 : #fff;
width                 : 200px;
height                : 30px;
background            : #f87800 ;
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px; 
}
div#example_2{display:none;}

            /*МЕНЮ МОБИЛЬНОЕ*/
           /*Скрываем чекбокс*/
 .hidden-menu-ticker {display: none;}
           /*Стилизация пунктов меню*/
 .btn-menu {
color    : #fff;
border   : 0px solid #222;
padding  : 2px;
position : fixed;
top      : 15px;
left     : 85%;
cursor   : pointer;
 transition : left .23s;
z-index  : 300;
width    : 45px;
 -webkit-transform          : translateZ(0);
 -webkit-backface-visibility: hidden;
 -webkit-border-radius      : 2px;
 -moz-border-radius         : 2px;
 border-radius              : 2px;
}
 
 .btn-menu span {
display          : block;
height           : 5px;
background-color : #f639ff;
margin           : 5px 0 0;
 transition : all .1s linear .23s;
position         : relative;
 -moz-box-shadow    : 0 0 20px blue;
 -webkit-box-shadow : 0 0 20px blue;
 box-shadow         : 0 0 20px blue;
}
 
 .btn-menu span.first {
margin-top: 0;
}
 .hidden-menu {
display          : block;
position         : fixed;
list-style       : none;
padding          : 50px 10px 10px;
margin           : 0;
 box-sizing : border-box;
width            : 250px;
background-color : #fdf7f7;
height           : 100%;
top              : 0;
left             : -250px;
 transition : left .2s;
z-index          : 200;
 -webkit-transform           : translateZ(0);
 -webkit-backface-visibility : hidden;
}
 
 .hidden-menu li {
padding : 10px 0;
}
 
 .hidden-menu li a {
text-align           : center;
color                : #f6396e;
font                 : 18px georgia;
text-decoration      : none;
padding              :6px 0px;
}
           /*Стили для работы меню*/ 
 .hidden-menu-ticker:checked ~ .btn-menu {
left  : 160px;
}
 .hidden-menu-ticker:checked ~ .hidden-menu {
left: 0;
}
 .hidden-menu-ticker:checked ~ .btn-menu span.first {
 -webkit-transform: rotate(45deg);
top: 10px;
}
 .hidden-menu-ticker:checked ~ .btn-menu span.second {
 opacity: 0;
}
 .hidden-menu-ticker:checked ~ .btn-menu span.third {
 -webkit-transform: rotate(-45deg);
top: -10px;
}
            /*МЕНЮ МОБИЛЬНОЕ END*/
/*меню каталог*/ 
.content{ /* Скрываем сразу контент */

display    : none;
}
 
.wrapper{
position        : relative; 
font            : 100% Tahoma;
text-decoration : none;
width           : 98%;
background      : #fff;
cursor          : pointer;
  
}

.lable{
width          : 90%; 
height         : auto;
border-bottom  : 1px solid #4c0724; 
display        : flex;	
justify-content:space-between;
background     : #FFF;
z-index        : 25;
}
hr.dashed{
margin: 20px 0;
padding: 0;
height: 0;
border: none;
border-top: 2px dashed #ddd;
}

ul.spisok {
text-align            : left;
}
/*end  меню каталог*/  	
.content1 {
position   : absolute;
top        : 300px;
left       : auto;
width      : 100%;
height     : auto;
overflow   : hidden;
border     : 1px solid #4c0724;
}

div.star {
  position: relative;
  width   : 100px;
  height  : 20px;
}
div.yarstar {
  position: absolute;
 bottom: 15px;
 left:25%;  
}
.inner { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 25px;
  z-index: 2;
}
.roll {
  object-fit: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}	
.basket_minitext {
font-size: 12px; 
font-family: sans-serif; 
font-weight: 200; 
color: # 585858; 
}	
.basket_text {
font-size: 16px; 
font-family: sans-serif; 
font-weight: 500; 
color: # 080808; 
} 
.roll2 {
  object-fit: cover;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
a{
text-decoration : none;
font-size: 16px; 
font-family: sans-serif; 
font-weight: 500; 
color: #3f8654;	
	}
.section { 
float                 : left;
margin-right          : 10px;
margin-left           : auto; 
margin-bottom         : 20px;
 }
 
 div#qq { 
position              : relative;
background-color      : #FFF ;
margin-left           : 15px;
width                 : 90%;
overflow              : hidden; 
text-align            : center; 
height                : 260px;
padding               : 5px;
z-index               : 20;
 }
 
 div#qq1 { 
position              : relative;
background-color      : #fff ;
margin-left           : 1%;
overflow              : hidden; 
text-align            : left;
width                 : 27%; 
height                : auto;
border-top            : 1px solid #4c0724; 
padding               : 0px;
 }
 
 div#qq2 { 
position              : relative;
background-color      :  #FFF ;
margin-left           : 0.5%;
margin-bottom         : 0.5%;
width                 : 80%;
overflow              : hidden; 
height                : auto;
padding               : 5px;    
 }
 
 div#qq3 {
position              : relative;
background-color      :  #FFF ;
margin-left           : 25%;
width                 : 50%;
overflow              : hidden; 
text-align            : center; 
padding               : 5px;
 } 
 div#qq4 { 
position              : relative;
background-color      : #FFF ;
margin-left           : 1%;
width                 : 84%;
overflow              : hidden;
padding               : 5px;    
float                 : right;
border                : 0px solid #4c0724; 
 }
 
 div#qq5 { 
position              : relative;
background-color      : #FFF ;
margin-left           : 1%;
width                 : 120px;
overflow              : hidden; 
text-align            : center; 
height                : auto;
padding               : 5px;
 }
 
 div#qq6 { 
position              : relative;
background-color      : #FFF ;
margin-left           : 1%;
width                 : 50%;
overflow              : hidden;
padding               : 5px;    
float                 : right;
text-align            : center;  
 } 
.mes {
height                : 70px;
width                 : 70px;
margin-left           : 120px;	
margin-top            : -210px;
z-index               :21;
text-align            : center;			
}
.mes_t{
margin-top            : -47px;	
font-size             : 14px; 
font-family           : sans-serif; 
font-weight           : 600;
color                 : #fff;
z-index               : 22;	
}
.userpage {
margin                : auto; 
padding               : 1%; 	
font-size             : 18px; 
font-family           : sans-serif; 
font-weight           : 600;
color                 : #000;
width                 : 98%;
background            : #fff ;
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px; 
}
input[type="text4a"]{
background-color      : #ffb3c2;	
padding               : 5px; 
margin-top            : 10px;
margin-left           : 0.5%;
box-shadow            : 3px 3px 8px rgba(0,0,0,0.2); 
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;
height                : 30px;
width                 : 80%; 
font-size             : 18px; 
font-family           : sans-serif; 
font-weight           : 600;
display               : inline-table;  
}
input[type="text4b"]{
background-color      : #ffffff;	
padding               : 5px; 
margin-top            : 10px;
margin-left           : 0.5%;
box-shadow            : 3px 3px 8px rgba(0,0,0,0.2); 
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;
height                : 30px;
width                 : 90%; 
font-size             : 18px; 
font-family           : sans-serif; 
font-weight           : 600;
display               : inline-table;  
}
input.submit5 {
background             : blue ;	
padding: 5px; 
margin-top: 10px;
margin-left:0.5%;
box-shadow: 3px 3px 8px rgba(0,0,0,0.2); 
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;
height: 25px;
width : 50%;
color      : #FFF;
text-align : center;  
font       : 70% Tahoma;
text-decoration : none;
cursor: pointer;
display: display: inline-block;;  
}
.tab1 {
background             :  #82CAFF ;	
overflow               : hidden;
text-align : center;
height: 32px;
}
.tab2 {
background             :  #FFF8C6 ;	
overflow               : hidden;
text-align : center;
height: 32px;
}
.tab1:hover {
background             :  #A0CFEC ;	
overflow               : hidden;
text-align : center;
height: 32px;
}
.tab2:hover {
background             :  #FFF8DC ;	
overflow               : hidden;
text-align : center;
height: 32px;	
}





















#menu22{
position : absolute;
top : 230px;
left: 5px; 
background: #fff;
width : 15%;  
}
#table {
margin-top: 10px;
box-shadow: 3px 3px 8px rgba(0,0,0,0.2); 
margin-left:1%;
border                : 0px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;

width : 99%; 
display: inline-table;  
}
#table2 {
background: url(../img/sea-fon.jpg)center no-repeat;	
margin-top: 10px;
margin-left:0.5%;
box-shadow: 3px 3px 8px rgba(0,0,0,0.2); 
border                : 0px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;
height: 200px;
width : 100%; 
display: inline-table;  
}
#table3 {
background: #fff;	
margin-top: 10px;
margin-left:0.5%;
box-shadow: 3px 3px 8px rgba(0,0,0,0.2); 
border                : 1px solid #4c0724;
-moz-border-radius    : 10px;
-webkit-border-radius : 10px;
height: 150px;
width : 100%; 
display: inline-table;  
}
 div#yarl { 
position               : relative;
margin-left: 7px;
background             :  #CFF ;
box-shadow             : 3px 3px 8px rgba(0,0,0,0.2); 
border                 : 1px solid #4c0724;
-moz-border-radius     : 10px;
-webkit-border-radius  : 10px;
overflow               : hidden; 
text-align             : center;
width                  : 150px; 
height                 : 200px;
padding                : 0px;
display                : inline-table;  
 }
    div#yar4 { 
position               : relative;
background             :  #FFF ;
box-shadow             : 3px 3px 8px rgba(0,0,0,0.2); 
border                 : 1px solid #4c0724;
-moz-border-radius     : 10px;
-webkit-border-radius  : 10px;
overflow               : hidden; 
text-align             : center;
width                  : 98%; 
height                 : 30px;
padding                : 5px;
display                : inline-table;  
 } 
  div#yar5 { 
position               : relative;
background             :  #FFF ;
 
overflow               : hidden; 
text-align             : center;
width                  : 60%; 
margin             : auto; 
 
padding                : 5px;
display                : inline-table;  
 }
 .section { 
float       : left;
margin-right: 3px;
margin-left: auto; 
margin-bottom : 20px;
 }
a{
text-decoration : none;	
} 
.mc01 { 
background: #092668;	
position : relative;
margin-top: 4px;
margin-left: 1px; 
height: 50px;
width : 100%; 
text-align : right;
text-decoration : none;
border                 : 3px solid #ffd700;
-moz-border-radius     : 5px;
-webkit-border-radius  : 5px; 
}
.tc01 { 
position : absolute;
top : 2px;
left: 0px; 
height: 200px;
width : 200px;
 
}
.tc02 {
position : absolute;
top: 2px;
left:220px; 
height: 200px;
 
}
h1.t1{
color      : #fff;
text-align : left;
padding    : 8px;
font       : 110% Tahoma;
text-decoration : none;
}
h1.t2{
color      : #fff;
text-align : center;
padding    : 0%; 
font       : 150% Tahoma;
text-decoration : none;
}
h1.t2:hover{
color      : #ccc;
text-align : center;
padding    : 0%; 
font       : 150% Tahoma;
text-decoration : none;
}
h1.t2:active{
color      : red;
text-align : center;
padding    : 0%; 
font       : 150% Tahoma;
text-decoration : none;
}
h1.t3{
margin-left: 0%; 	
color      : #0C1;
text-align : left;
padding    : 1%; 
font       : 200% Tahoma;
text-decoration : none;
}
h1.t4{
color      : #000;
text-align : center;
padding    : 1%; 
font       : 100% Tahoma;
text-decoration : none;
}
h1.t4:hover{
color      : #00c;
text-align : center;
padding    : 1%; 
font       : 100% Tahoma;
text-decoration : none;
}
h1.t5{
color      : red;
text-align : center;
padding    : 1%; 
font       : 200% Tahoma;
text-decoration : none;
}
h1.t6{
color      : #9b2d30;
text-align : left;
padding    : 1%;
margin-left: 20%;  
font       : 200% Tahoma;
text-decoration : none;
}
h1.t7{
color      : #9b2d30;
text-align : left;
padding    : 1%;
margin-left: 0.4%;  
font       : 150% Tahoma;
text-decoration : none;
float : left;
display : inline-table; 
}
p.niz {
text-align : left;
padding    : 1%;	
}
.p01{
background: url(../img/training0.png)center no-repeat;
height: 80px;
width : 230px;		
position : absolute;
top : 160px;
right: 5%; 	
}
.p01:hover{
background: url(../img/training1.png)center no-repeat;
height: 80px;
width : 230px;		
position : absolute;
top : 160px;
right: 5%; 	
}
input[type="text5"]{ 
 border : 1px solid #ccc;
 margin: auto; 
 padding: 5px; 
 width: 98%; 
}
textarea[type="text0"]{ 
 border : 1px solid #ccc;
 margin: auto; 
 padding: 5px; 
 width: 98%; 
}
.hid {
display : none; 	
}
.card0 {
border                : 0px solid #4c0724; 	
width                 : 100%; 
overflow              : hidden;
float                 : left; 	
}	
.card1 {
border                : 0px solid #4c0724; 	
width                 : 100%; 
overflow              : hidden;
float                 : left; 	
}
.card2 {
border                : 0px solid #4c0724; 	
width                 : 100%; 
overflow              : hidden; 
display               : table; 
float                 : left; 	
}
.tab_m{
display : none; 	
}