/* #ccf3ff голубой https://coolors.co/ffffff-f26928-483f78-ccf3ff-223322-013107 */

/* Это reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,section, article { padding: 0; margin: 0;} body {line-height: 1;} table { border-collapse: collapse; border-spacing: 0;} fieldset,img {border: 0;} address,caption,cite,dfn,em,strong,th,var {font-weight: normal; font-style: normal;} ol,ul {list-style: none;} h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;} q:before,q:after {content:'';} abbr,acronym { border: 0;}  /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

@font-face {font-family: 'lora'; src: url('lora-400-normal.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {  font-family: 'Montserrat4';  src:  url('subset-Montserrat-Regular.woff') format('woff'); font-weight: 400;    font-style: normal; font-display: swap;}  /* ser3 */
@font-face {    font-family: 'Montserrat6';    src:  url('subset-Montserrat-SemiBold.woff') format('woff');    font-weight: 600;    font-style: normal; font-display: swap;} /* zagolovki, na */

/* форматы текста */
.ser {color: rgb(117, 117, 117); font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; }
.komm {color: rgb(117, 117, 117); font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:20px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; margin-top: -20px;  padding-bottom: 20px;}
.anons {color: rgb(117, 117, 117); font-family: "Montserrat4", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;  
font-size:20px; font-style:normal; font-weight:400; letter-spacing:normal; line-height:24px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; -webkit-font-smoothing:antialiased;}
@media screen and (max-width:350px) {.anons {font-size: 1em; padding: 5px;}}
.mont {font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}
.t3{font-family: 'Montserrat4'; 	/*font-family: 'lora2';*/ font-size:24px;} /*курсивная ссылка внизу страницы*/
/*в прайсе в заголовках*/
.cena {font-size: 24px; color: rgb(242,105,40); /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}
i {font-family: 'Montserrat4'; font-style: normal; }
.light {background: rgb(208, 227, 247);}
.st {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 12pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 22px;* 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 0  0 20px 0;}
.t5 {padding: 0; margin: 0; text-align:left; font-size:26px; color: rgb(41, 41, 41); font-family:'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-bottom: 10px; font-weight:600; letter-spacing:-0.288px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}
.cita {padding: 0  50px; margin: 0; text-align:left; font-size:18px; color: rgb(242,105,40); font-family:'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-bottom: 10px; letter-spacing:-0.288px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}
.t4 {font-size:20px; color: rgb(41, 41, 41); font-family:'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-top: 40px; margin-bottom: 10px; font-weight:600; line-height: 25.36px;  text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}

#seti {text-decoration: none; background: none;}
#seti a, #info #seti a, #info2 #seti a {text-decoration: none; background: none; padding:0; margin:0;}
#seti img:hover {box-shadow: 0 0 5px;}
.soc {width: 35px;   height: 35px;    display: inline-block;  border-radius: 50%; transition: .5s ease opacity; margin-right: 10px;}
.sseti {padding-top: 10px; margin-right: 20px; float:left;}
.soc2 {width: 22px;   height: 20px; display: inline-block;  border-radius: 50%; margin-right: 5px; margin-bottom: -4px;}

#text {margin-top: -20px; margin-bottom: 20px;}
#text li {font-family: 'lora'; font-size: 14pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 0  0 0 0;}
#text li:before {content: '— '}

/* отступы */
.padanons{padding:0 40px 30px 40px;}
.pad10 {padding: 10px;}
.pad30 {padding: 30px;}
.pad10right{padding-right: 15px;}
.padbot40 {padding-bottom: 40px;}
.padbot20 {padding-bottom: 20px;}
.martop50 {margin-top: 50px;}
.martop20 {margin-top: 20px;}
.p20 {padding: 0 20px;}
.mb{ margin-bottom:40px;}

.round {display: inline-block;  border-radius: 50%; height: 35px; width: 35px; background: rgb(242,105,40); float: left; text-align: center; padding-top: 9px; margin-right: 10px; box-sizing: border-box; font-family: 'lora'; font-size:18px; text-align:center;}
.round2 {display: inline-block;  border-radius: 50%; height: 35px; width: 35px; background: rgb(242,105,40); padding-top: 9px; margin-right: 10px; box-sizing: border-box; font-family: 'lora'; font-size:18px; text-align:center;  }

/*местоположение*/
.inli {display:inline; background:red;}
.center {text-align: center;}
.divcenter {display:block; margin: 0 auto;}
.right-rel {position: relative; float:right; right: 1%; display: block;	width: 350px; max-width: 350px; padding: 10px 0 10px 30px;}
 @media screen and (max-width:600px){.right-rel{float:none; width: 250px; max-width: 250px; }}
 @media screen and (max-width:400px){.right-rel{float:none; width: 200px; max-width: 200px; }}
.righ {text-align:end;} 
/*цвета*/
.graysection {background:#e3e0de;}/* п */
.temn {Color: rgb(41, 41, 41);} /* п */
.pinks {background: rgb(255, 210, 166); /*#FFD8B0}*/}
.bll{color:#0074d9;  text-shadow:none;}
.orang{background-color: #FF9640;}
.golub {background-color:#ccf3ff;}
.org {color: rgb(242,105,40);}
.yel {background-color: #ffffa1;}

/*форматы блоков*/
.round100 {border-radius: 50%; width: 100px;}
.red {margin: 0 -40px; border: 2px red solid; background: rgba(255, 210, 166, 0.5); padding: 20px 40px; font-family:'Montserrat4'; font-size: 1em; margin-bottom:40px;} /*критическое выделение*/
@media screen and (max-width:850px){.red{margin: 0;}}
.blue2 {margin: 0 -20px; background: rgba(255, 210, 166, 1); /* #99b5c7;*/ padding: 20px 40px;   font-family:'Montserrat4'; font-size: 1em;} /* был падднинг 20 40 40 40 почему-то*/
@media screen and (max-width:850px){.blue2{margin: 0;}}
.blue3 {margin: 0 -20px; background: #99b5c7; padding: 40px;   font-family:'Montserrat4'; font-size: 1em;}/*поля шире, не поменять ли цвет*/
@media screen and (max-width:850px){.blue3{margin: 0;}}
.doc {border: 1px solid rgb(128,128,128); padding: 50px; background: white;}
@media screen and (max-width:850px){.doc{padding: 10px;}}
@media screen and (max-width:650px){.doc{padding: 0;}}
.wid70 {width: 700px;}
.krug {border-radius: 50%}
.blue4 {margin: 0; background: #ccf3ff; /* #99b5c7;*/ padding: 20px 40px;   font-family:'Montserrat4'; font-size: 1em;} 
.niz-st{width: 40%; float: left; margin: 10px; margin-top:0;}

.polosa {z-index: 2; position:relative;}
.polosa:before	{content: "";  position: absolute;    z-index: 0;     left: 0;     top: 50%;
    right: 0;    bottom: 0;    background-image: linear-gradient(to right, white 0%, #ccf3ff   100%);  transform: skewY(-4deg); } 

/*кайдзен таблица*/
.tip {border:0; margin: 20px auto; background: #FFD8B0;  padding: 20px 40px; font-family:'Montserrat4'; font-size: 1em;}
.tip td {padding: 30px;}
.tip td:first-child  {background: white; text-align: center; color: rgb(242,105,40); font-size: 1.5em;}
@media screen and (max-width: 650px) {.tip td:first-child  {font-size: 1em;}}

.leftpoz {position: relative; float:left; display: block;}
.rightpoz {position: absolute; right:0; display: block;}
.speech {position: relative; background-color: white; margin-left: 150px; border: 1px solid #ccf3ff; 	-webkit-border-radius: 30px; 	-moz-border-radius: 30px; 	border-radius: 30px; padding: 20px;}
.speech:before { content: ' '; 	position: absolute; 	width: 0; 	height: 0; 	left: -30px; 	top: 30px; 	border: 25px solid; border-color: white white transparent transparent;}
.speech-r {position: relative; background-color: white; margin-right: 150px; border: 1px solid #ccf3ff; 	-webkit-border-radius: 30px; 	-moz-border-radius: 30px; 	border-radius: 30px; padding: 20px; float:left;}
.speech-r:after { content: ' '; position: absolute; 	width: 0; 	height: 0; 	right: -30px;  top: 30px; border: 25px solid; border-color: white transparent  transparent white;}
.border1 {border: 1px solid black;}

.ten { display:block; margin: auto;
 box-shadow:  0 10px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;  
 -webkit-box-shadow:   0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),  23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset;
     -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .3),    -23px 0 20px -23px rgba(0, 0, 0, .8),    23px 0 20px -23px rgba(0, 0, 0, .8),    0 0 40px rgba(0, 0, 0, .1) inset; }
	 @media screen and (max-width: 600px) {.ten {max-width: 85vw;}}
.rekl {border: 4px solid #f26928; padding: 10px; background-image: linear-gradient(to right, white 0%, #ebebeb  100%);}
.blue {margin: 0 -40px; background: #FFD8B0; padding: 20px 40px; font-family:'Montserrat4'; font-size: 1em; line-height: 1.5em} /*он оранжевый, шрифт квадратный*/
@media screen and (max-width: 600px) {.blue {margin: 0;}}
@media screen and (max-width: 400px) {.blue {margin: 0;}}
.obr {border: 1px solid #0074d9; background: none;} @media screen and (max-width:450px){.obr{max-width: 90vw;}} /*обр ДИ*/
.width400 {width: 400px;}
@media screen and (max-width: 600px) {.width400 {width: 75vw;}}
.width700 {width: 700px;}
@media screen and (max-width: 800px) {.width700 {width: 75vw;}}

/* каталог статей */
.sta {display:block; padding: 25px 0; }
.sta-top {font-size:14px; color: silver;  margin-right: 10px; font-family: 'Montserrat4'; font-size: 16px; text-align: left; text-transform:uppercase; }
.oran {background: rgb(242,105,40); }
	 
/* Базовые стили кнопки */
.btn2{  display: inline-block;  margin-top: 20px; width:100%;  border-radius: 15px;   border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;  padding:10px;   text-align: center;	   background: rgb(242,105,40);   color:#FFF;
  font-family: 'Montserrat4', sans-serif;  text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);   font-size: 12pt;
  transition:background .4s;   cursor:pointer;}
.btn2:hover{background: white; border: 1px solid #0074d9;}
.btn2 a {padding-bottom:4px; color: white; background: transparent; font-family: 'Montserrat4';  font-size:24px;}
.btn2 a:hover, .btn2 a:focus {color: #0074d9; background: transparent; transition: color .15s;}
	 
/*кнопка заказ или вопрос голубая*/
.to-cart {border-style: solid; border-color: steelblue; color: #0074d9; border-width: 2px; background: transparent; border-radius: 10px; padding: 10px; font-size: 14pt; text-decoration:none; display:inline-block; margin-left: 10%; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}
.to-cart:hover { border-color: rgb(242,105,40); background: rgb(242,105,40); color: rgb(41, 41, 41);}
@media screen and (max-width: 600px) {.to-cart {margin: 15px; padding: 15px; font-size: 18pt;}}
	 
/*колонки 2 и 3*/
.container {width: 100%;}
.two-wrapper {display:block; width: 50%; float:left;}
@media screen and (max-width:600px){.two-wrapper{width: 90%; }}

/*тренинги*/
.tr-date-wr {display:block; width: 25%; float:left;}
.tr-descr-wr {display:block; float:left;}
.tr-date {font-size:22px; color: rgb(41, 41, 41); font-family:'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-bottom: 10px; font-weight:600; letter-spacing:-0.288px; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}
@media screen and (max-width:550px) {.tr-date-wr { width: 100%;}}

.border1 {border: 1px solid rgb(41, 41, 41);}

.three-wrapper {display: block; width: 33%; float: left; text-align:center; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 11pt; line-height:20px;}
@media screen and (max-width:850px){.three-wrapper{width: 50%;}}
@media screen and (max-width:500px){.three-wrapper{width: 90%;}}
.incard {width: 350px;}
@media screen and (max-width:240px) {.incard {width: 180px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}
@media screen and (max-width:350px) {.incard {width: 200px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}
@media screen and (max-width:550px) {.incard {width: 200px;} .card2 {margin: 0 10px 0 10px; padding: 10px; min-height: 150px;}}
.divin {display: inline-block;}

.four-wrapper {display:block; width: 23%; float: left; text-align:left; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 11pt; line-height:20px;}
@media screen and (max-width:750px) {.four-wrapper {width: 48%;}}
@media screen and (max-width:500px) {.four-wrapper {width: 90%;}}

/* Секции*/
section{text-align: left;  margin: 0 0 0 0; padding: 30px; padding-bottom: 50px; box-sizing: border-box; width:100%;}
@media screen and (max-width: 600px) {section  {padding: 10px;}}

#krat {padding-top: 110px; background-color: #e3e0de;}
#technik {text-align: left;  margin: 0; box-sizing: border-box; width:100%; background: rgb(208, 227, 247); padding: 5px; padding-top: 45px;}
#info { background: rgb(208, 227, 247); padding: 30px; padding-bottom: 50px; padding-top: 0px;}
#info a, #krat a, #info2 a {color:#0074d9; text-shadow: none; background: none;}
#info a:hover, #krat a:hover, #info2 a:hover { padding-bottom:4px;	background: linear-gradient(rgb(255, 210, 166),rgb(255, 210, 166)),	linear-gradient(rgb(255, 210, 166), rgb(255, 210, 166)),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px; background-repeat: no-repeat,	no-repeat,	repeat-x; background-position: 0 90%,	100% 90%,	0 83%;
	text-decoration: none;	transition: color .15s;}
#offers {padding-bottom: 15px;}

.col {margin:0 auto; padding:0; width:100%; max-width:760px; position:relative; box-sizing: border-box;}
@media screen and (min-width:1200px){ .col{max-width:1024px; } }
@media screen and (max-width: 600px) {.col {padding: 0px;}}

.plitka2 {height: 300px; background: #ebebeb; border: 1px solid #ebebeb; color: rgb(117, 117, 117); font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:1em; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; 
position: relative;
font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 12pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 22px;* 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 20px;}
.plitka2 a {font-size: 1.2em; line-height:1.8em; font-weight:600; display:block; cursor: pointer;}
.plitka2 .imgsm {width: 25%; float:left; padding-right: 10px;}
.plitka2:hover {border: 1px solid #0074d9;}
.up {background: none; margin: 10px auto;}
.bot {display:block; width:100%; position:absolute; bottom:0; background: linear-gradient(to bottom, transparent 0%, #ebebeb 70%, #ebebeb 100%); z-index: 2; padding: 30px 15px 15px 15px;}
.bot:hover {background: linear-gradient(to bottom, transparent 0%, #ebebeb 100%);}

.plitka2 .st {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 12pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 22px;* 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 20px;}

.plitka {height: 300px; background: #ebebeb; border: 1px solid #ebebeb; color: rgb(117, 117, 117); font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size:11pt; letter-spacing:normal; line-height:1em; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis;  text-rendering: optimizeLegibility; visibility:visible; -webkit-font-smoothing:antialiased;  -webkit-line-clamp:2; padding: 0; position: relative;
font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-size: 12pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 22px;* 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}
.plitka a {font-size: 1.2em; line-height:1.8em; font-weight:600; display:block; cursor: pointer;}
.plitka .imgsm {width: 25%; float:left; padding-right: 10px;}
.plitka:hover {border: 1px solid #0074d9;}
.case {width:100%; height:auto; max-width:350px; margin: 0 auto;}
.pr45 {width: 90%; height:auto; max-width:500px; margin: 0 auto;}


.tabset > input[type="radio"] {position: absolute; left: -200vw;}
.tabset .tab-panel {display: none;}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6), 
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8), 
.tabset > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9)  {display: block;}
.tabset > label { position: relative; display: inline-block; padding:15px 15px 15px; border: 1px solid transparent; cursor: pointer;  font-weight: 600; font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}
.tabset > label:hover, .tabset > input:focus + label {  color: #06c;}
.tabset > label:hover::after, .tabset > input:focus + label::after, .tabset > input:checked + label::after {  background: #06c;}
.tabset > input:checked + label {  border-color: #ccc;  margin-bottom: -1px;}
.tab-panel {  padding: 30px 0;  border-top: 1px solid #ccc;  }


.accordion  {  list-style: none;  perspective: 900;  padding: 0;  margin: 0;}
.accordion  li {position: relative;  padding: 0;  margin: 0;  padding-bottom: 4px;  padding-top: 18px;  border-top: 1px dotted #dce7eb;}
.accordion .accordion_page:nth-of-type(1) {  animation-delay: 0.5s;}
.accordion li:nth-of-type(2) {  animation-delay: 0.75s;}
.accordion li:nth-of-type(3) {  animation-delay: 1s;}
.accordion li:last-of-type {  padding-bottom: 0;}
.accordion li i {  position: absolute;  transform: translate(-6px, 0);  margin-top: 16px;  right: 0;}
.accordion li i:before, .accordion li i:after {  content: "";  position: absolute;  background-color: black;  width: 3px;  height: 9px;}
.accordion li i:before {  transform: translate(-2px, 0) rotate(45deg);}
.accordion li i:after {  transform: translate(2px, 0) rotate(-45deg);}
.accordion li input[type=checkbox] {  position: absolute;  cursor: pointer;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0;}
.accordion li input[type=checkbox]:checked ~ p {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 50%);}
.accordion li input[type=checkbox]:checked ~ i:before {  transform: translate(2px, 0) rotate(45deg);}
.accordion li input[type=checkbox]:checked ~ i:after {  transform: translate(-2px, 0) rotate(-45deg);}

@keyframes flipdown {  0% {    opacity: 0;    transform-origin: top center;    transform: rotateX(-90deg);  }
  5% {    opacity: 1;  }
  80% {    transform: rotateX(8deg);  }
  83% {    transform: rotateX(6deg);  }
  92% {    transform: rotateX(-3deg);  }
  100% {    transform-origin: top center;    transform: rotateX(0deg);  }}
 
.accordion-label{padding: 23px 30px 20px 40px; width: 100%; display: block; font-size: 18px;}
.accordion-label:hover{cursor: pointer;}
.accordion-label:before{ content: '';  position: absolute; height: 0; width: 0; top: 45px; left: 12px;  /*display: inline-block;*/
border-top: 10px solid rgb(117, 117, 117); border-right: 10px solid transparent; border-left: 10px solid transparent;}
.accordion li input[type=checkbox]:checked ~ .accordion-label:before{transform: rotate(-90deg);}

.accordion-child{margin: 0;  transition: all 0.3s ease; opacity: 1;  height: auto;}  
.accordion li input[type=checkbox]:checked ~ .accordion-child{ margin: 0; padding: 30px; height: 0;  opacity: 0;  }

.ntab { padding: 10px; border-collapse:collapse; border: 1px  rgb(0, 69, 114) solid; margin: 10px auto; margin-bottom: 40px; font-family:'Montserrat4'; font-size: 1em; width: 80%; max-width: 85vw;}
.ntab p {padding: 0; margin: 0;}
.ntab td { padding: 10px; border: 1px rgb(0, 69, 114) solid;}
.ntab thead tr {font-weight: 600; background-color:#ebebeb; font-family:'Montserrat6';}
/*.ntab tr:hover {background: #dbf1ff;}*/
@media screen and (max-width: 650px) {.ntab {max-width: 80vw; margin: 0 auto; padding: 0;} .ntab td { padding: 2px;}}
.twid600 {width: 600px; max-width: 85vw;}
.twid30{width: 30px;}
.twid300{width: 300px;  max-width: 85vw;}
.twid700 {width: 700px; max-width: 85vw;}


.ptab { padding: 10px; border-collapse:collapse; border: 1px  rgb(0, 69, 114) solid; margin:0; margin-bottom: 40px; width: 100%; max-width: 85vw;
font-family: 'lora'; font-size: 14pt; color: rgb(41, 41, 41); font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; text-align:left;  }
.ptab p {padding: 0; margin: 0;}
.ptab td { padding: 10px; border: 1px rgb(0, 69, 114) solid;}
.ptab thead tr {font-weight: 600; background-color:#ebebeb; font-family:'Montserrat6';}
.ptab tr:hover {background: #dbf1ff;}


.btnm {border: 2px solid steelblue; color: white; background: #0074d9; border-radius: 10px; padding: 15px 45px; font-size: 14pt; text-decoration:none; display:inline-block; margin-left: 10%; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
/* display: block;*/  cursor: pointer;  -webkit-transition: 0.3s ease;  transition: 0.3s ease;  -webkit-appearance: none;}
.btnm:hover, .btnm2:hover { border-color: rgb(242,105,40); background: rgb(242,105,40); color: rgb(41, 41, 41);}
@media screen and (max-width: 600px) {.btnm {margin: 15px; padding: 15px; font-size: 18pt;}}
.btnm2 {border: 2px solid steelblue; color: white; background: #0074d9; border-radius: 10px; padding: 10px; font-size: 14pt; text-decoration:none; display:inline-block; margin: 20px; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
/* display: block;*/  cursor: pointer;  -webkit-transition: 0.3s ease;  transition: 0.3s ease;  -webkit-appearance: none;}

.wrapper {  max-width: 600px;  margin: 40px auto;  font-family: sans-serif;  text-align: cente;  position: relative;}
/* свойства модального окна по умолчанию */
.modal {    position: fixed; top: 0;    right: 0;    bottom: 0;    left: 0;     background: rgba(0,0,0,0.5); /* цвет фона */    z-index: 1050;
    opacity: 0; -webkit-transition: opacity 200ms ease-in;     -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none; margin: 0; padding: 0;}
/* при отображении модального окно */
.modal:target {    opacity: 1; pointer-events: auto; overflow-y: auto;}
.modal-dialog {    position: relative;    width: auto;    margin: 10px;}
@media (min-width: 576px) {  .modal-dialog { max-width: 500px; margin: 30px auto;}}
/* свойства для блока, содержащего контент модального окна */ 
.modal-content {    position: relative;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;
    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;  -webkit-flex-direction: column;    -ms-flex-direction: column;    flex-direction: column;
    background-color: #fff;    -webkit-background-clip: padding-box;    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);    border-radius: .3rem;    outline: 0;}
@media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);  box-shadow: 0 5px 15px rgba(0,0,0,.5); }}
/* свойства для заголовка модального окна */
.modal-header {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;  display: flex;    -webkit-box-align: center;    -webkit-align-items: center;
    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;  -webkit-justify-content: space-between;    -ms-flex-pack: justify;    justify-content: space-between;
    padding: 0 25px 15px 25px; text-align: center; }
.modal-title {  margin: 0; padding: 35px 25px 10px 25px; font-size: 1.25rem;}
@media (max-width: 400px) {  .modal-title { padding: 45px 15px 10px 15px;}}
/* свойства для кнопки "Закрыть" */
.close {float: right; font-family: sans-serif; font-size: 24px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; text-decoration: none;}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.close:focus, .close:hover {color: #000; text-decoration: none; cursor: pointer; opacity: .75;}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {position: relative;  -webkit-box-flex: 1;    -webkit-flex: 1 1 auto;    -ms-flex: 1 1 auto;  flex: 1 1 auto; padding: 0 20px 20px 20px; overflow: auto;
font-family: 'lora'; font-size: 1rem; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; 
text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased;  
}
.modal-body input { width: 90%;   border-radius: 5px;  border: 1px solid #505050;; margin: 10px 0;   height: 35px;   padding: 5px;   outline: none; font-family: 'lora'; font-size: 1rem;}
#result {width: 30%;}
textarea {font-family: 'lora'; font-size: 1rem; color: rgb(41, 41, 41); display: block; font-style: normal; border: 1px solid #505050;; border-radius: 5px; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; 
text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased;  }
.modal-body .ser {font-size: 0.8rem;}

#submit { border: none; color:black; border-radius: 10px; padding: 10px; font-size: 14pt; text-decoration:none; display:inline-block; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; background: rgb(242,105,40);  font-weight: 600;  cursor: pointer; height: 50px;}
#submit:hover { border: 2px solid steelblue;}

.tegi {font-size: 1.2em; line-height: 2em; position:relative;}
.tegi a {padding: 5px; border: 1px solid #0074d9; margin: 5px; border-radius: 10px; background: none; display: block; float:left;}
.tegi a:hover {color: rgb(242,105,40); border: 1px solid rgb(242,105,40); cursor: pointer;}

.tegi2 {font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;}
.tegi2 a {padding: 5px 10px; border: 1px solid #ebebeb; margin-bottom: 10px; margin-right: 10px; text-decoration:none; background: none; display: block; float:left;}
.tegi2 a:hover {color: rgb(242,105,40); border: 1px solid rgb(242,105,40); cursor: pointer;}

.zaksection, footer { background: linear-gradient(to top, rgb(0, 69, 114) 0%, rgb(92, 92, 92) 100%); color: #ebebeb; font-family: 'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; padding: 35px 100px;}
.zaksection p, .zaksection h2, .zaksection h3, footer h4, .zaksection h4, .zaksection h5  {color: #ebebeb;}
.zaksection a, footer a {color: #ebebeb; text-shadow:none; text-decoration:underline; background:none;}
footer a:hover {color: rgb(242,105,40); cursor: pointer;}

.embedded {width: 100%;}@media screen and (max-width:750px){.embedded{width: 85vw; overflow:auto; margin: 0 auto;}}

.bigim { display:block; max-width: 1200px;  margin: 10px auto; }
@media screen and (max-width: 600px) {.bigim {max-width: 85vw; margin: 0 auto;}}
@media screen and (max-width: 850px) {.bigim {max-width: 85vw; margin: 0 auto;}}
.verybig { display:block; max-width: 1400px;  margin: 10px auto; }
@media screen and (max-width: 600px) {.verybig {max-width: 85vw; margin: 0 auto;}}
@media screen and (max-width: 1000px) {.verybig {max-width: 85vw; margin: 0 auto;}}
/* прайс */	
.liist { list-style: none; margin: 0 -20px 0 0; padding: 0; background-color: blue; z-index: 20; position:static; text-align:center;}/*к цене и к картинкам по 2 в ряд*/
@media screen and (max-width: 600px) {.liist {margin: 0 auto;}}
.card-wrapper { display: block; width: 50%; float: left; transition: width .2s;}/*к цене и к картинкам по 2 в ряд*/
@media screen and (max-width: 800px) {.card-wrapper {width: 90%;}}
.card2 {display: block; position: relative; margin: 0; padding: 20px 40px; 	text-decoration: none; 	z-index: 0; height:auto;  text-align:center;} /*bottom, внес изм отн цсс*/
.card3 {display: block; position: relative; margin: 0; padding: 0; 	text-decoration: none; 	z-index: 0;  text-align:left; 	height:auto;}/*к цене*/
.price {margin-left: 40%; margin-top: 5px;}/*к цене*/
@media screen and (max-width: 600px) {.price {margin-left: 15px;}}

a{display: inline; text-decoration: none; color: #0074d9;}
section a {padding-bottom:4px;	background: linear-gradient(white, white),	linear-gradient(white, white),
		linear-gradient(#0074d9, #0074d9);	background-size: .05em 1px,	.05em 1px,	1px 1px;
	background-repeat: 	no-repeat,	no-repeat,	repeat-x;
	background-position: 0 90%,	100% 90%,	0 83%; text-decoration: none; transition: color .15s;}
section a:hover, section a:focus {color: #0074d9; background: transparent; transition: color .15s;}

p, dd, dt {font-family: 'lora'; font-size: 14pt; color: rgb(41, 41, 41); display: block; font-style: normal; 
font-weight: 400; hyphens: manual; letter-spacing: -0.072px; line-height: 28.44px; 
margin: 0px; text-align:left; text-size-adjust: 100%; -ms-text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px; 
padding: 0  0 20px 0;}

dt {padding: 0; font-weight:600;}

h1 {font-size:46px; text-align: center; padding: 0; Color: rgb(41, 41, 41); 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; 
font-style:normal; font-weight:600; 
letter-spacing:-0.51px; margin: 0; margin-top: 20px; margin-bottom: 30px;  padding-top:40px; text-rendering: optimizeLegibility; text-size-adjust: 100%;
visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-end: 0px; -webkit-margin-start: -2.13px; text-transform:none; }

h2 {font-size:34px;  margin: 0; margin-top: 50px; margin-bottom: 30px; padding: 0; padding-top:5px;
text-align: center; color: rgb(242,105,40); /* Color: rgb(41, 41, 41);*/ font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans", Geneva, Arial, sans-serif; 
font-style:normal; font-weight:600; letter-spacing:-0.51px; line-height:35.36px;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; text-transform:none; }	

h3{font-size: 24px;  color: rgb(242,105,40); /*!*/display: block; /* h3 = h6, но здесь паддинг сверху увеличен, для заголовков  */ font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 40px 0 20px 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

.modul{font-size: 24px;  color: rgb(242,105,40); /*!*/display: block; /* h3 = h6, но здесь паддинг сверху увеличен, для заголовков  */ font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 10px 0 20px 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

h4 {margin: 1em; padding: 0; font-family: 'Montserrat4'; font-size: 18px; line-height:28px; font-style: normal; text-transform:uppercase; Color: rgb(41, 41, 41); font-weight:600;} /* краткое содержание, теги, заголовки в выделенных дивах hblock*/
.accordion h4 {text-transform:none; text-align:left;}

h5 {font-size:22px; color: rgb(41, 41, 41); font-family:'Montserrat4', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; font-style:normal; margin-bottom: 10px; font-weight:600; letter-spacing:-0.288px; text-rendering:optimizeLegibility; text-size-adjust:100%; visibility:visible; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased;}

.small {font-size: 18px; /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 25.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

h6{font-size: 24px; color: rgb(242,105,40); /*!*/display: block; 
font-family: 'Montserrat6', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
font-style: normal; font-weight: 600; letter-spacing: -0.51px; line-height: 35.36px; margin: 0px; padding: 0;
text-rendering: optimizeLegibility; text-size-adjust: 100%; visibility: visible; word-break: break-word; word-wrap: break-word;
-webkit-font-smoothing: antialiased; -webkit-margin-after: 0px; -webkit-margin-before: 0px; -webkit-margin-end: 0px; -webkit-margin-start: 0px;}

/*
#bottom {background: #505050; min-height: 200px; width: 100%; padding: 30px; box-sizing: border-box; color: #ebebeb;}
#bottom a {color: white; text-decoration: underline;}
#bottom a:hover {color: #0074d9;}
#bottom p {color: #ebebeb;}
*/

/* Топовый блок*/
.filter { position:static; padding-top:110px; padding-bottom: 50px; height:auto; width: 100%; text-align:left; background-image: linear-gradient(to top,rgb(0, 69, 114) 0%,rgb(92, 92, 92) 100%);}
.covertitle {display:inline-block; color:#fff; 	letter-spacing:2px;  margin-right: 100px; 	padding-left: 20%;  padding-top: 15px; padding-bottom:15px; padding-right: 15px; font-family: 'Montserrat6',sans-serif; font-weight:600; text-align: left;	color:white; font-size:56px;	line-height:1.17; background: rgb(208, 227, 247); text-transform:uppercase;	}
.cnorm {font-size:44px;}
.uptitle {display:inline-block; padding-left: 20%; margin-top: 30px; letter-spacing:2px; color: white; font-size:24px; line-height:1.54; font-weight:300; text-transform:uppercase; font-family: 'Montserrat4';}
@media screen and (max-width:650px){.filter{padding-top: 50px; padding-bottom: 20px;}   .covertitle {padding-left: 15px; font-size: 36px;}   .uptitle {padding-left: 20px; margin-top: 10px;
 font-size: 16px;}}	
@media screen and (max-width:350px){.filter{padding-top: 50px; padding-bottom: 10px;}   .covertitle {margin-right: 0px; padding-left: 10px; font-size: 24px; background: none;}   .uptitle {padding-left: 10px; margin-top: 10px;
 font-size: 14px;}}	

/* Верхнее меню */
.topmenu { width:100%; height:125px; z-index:990; position:fixed; top:0; color:white;}
#heade1 {width:100%; height: 65px; display:table; z-index:990; background-color: rgb(242,105,40); top:0; color: white; text-decoration: none; font-weight: 900;}
#heade1 a {text-decoration: none; color: white;}
#heade1 a:hover {color: rgb(0, 69, 114);}
@media screen and (max-width:800px){#heade1{display:none;}}
#na2  {width:100%; height: 14px; top:0; background-color: rgb(224, 226, 219); font-size: 12px;  -moz-osx-font-smoothing: grayscale; color: gray;
padding-left: 10%; padding-top: 6px; padding-bottom: 4px; font-family: 'Montserrat4'; font-weight:300; }
#na2 a {color:#0074d9;}
#na2 a:hover { text-decoration: underline;}
@media screen and (max-width:800px){#na2{display:none;}}
#logoleft {display:table-cell; vertical-align:middle; padding-left: 40px;}
.logomobile {max-width: 150px;}
.logo {	display:inline-block; max-width: 150px; width: 150px;  	height: auto;	padding-right:30px}
.centermenu {display:table-cell; vertical-align:middle; text-align:center; width:100%}
.rightmenu {display:table-cell; vertical-align:middle; text-align:center; width:100%; padding-right: 15px;}
.navi{display: block; float:left; width: 80%;}
.navbuttons{display: block; float:right; width: 20%; z-index: 200;}
.menuli{clear:both; display:inline; padding-left:15px; padding-right:15px; white-space:nowrap;}
.menuli:first-child{padding-left:0} 
.menuli:last-child{padding-right:0}
.menulink {font-weight:600; text-transform:uppercase; font-family: 'Montserrat6';  font-weight:600; font-size:18px;}
.menulink:focus{opacity:.7;}
.menulink .active{opacity:.7;}

#mobile-menu {position: fixed;  display: flex;   align-items: center;   justify-content: flex-end;   padding: 0 16px;   top: 0;   background-color: rgb(242,105,40);
  left: 0;   right: 0;   height: 50px;   z-index: 9999999; }
@media screen and (min-width:800px){#mobile-menu{display:none;}}
.mobile-menu__btn {position: relative; display: flex;  align-items: center;  justify-content: center;  width: 35px;  height: 30px;  cursor: pointer;  transition: .4s;}
.mobile-menu__icon {  display: block;  position: relative;  background: white;  width: 90%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after, .mobile-menu__icon::before {  content: "";  display: block;  position: absolute;  background: white;  width: 100%;  height: 4px;  transition: .4s;}
.mobile-menu__icon::after {  top: 8px;}
.mobile-menu__icon::before {  top: -8px;}
.mobile-menu__container {  position: fixed;  text-align: center;  display: flex;  align-items: center;  justify-content: center;  top: 50px;  left: 0;  right: 0;  z-index: 999;  height: 0;  opacity: 1;  transition: .5s;  overflow: hidden;  background-color: rgb(242,105,40);}
.mobile-menu__list { transition: .5s;  list-style: none;  padding-left: 0;  margin-top: -50px;}
.mobile-menu__item {padding-bottom: 15px; padding: 20px;}
.mobile-menu__link {text-decoration: none;  color: #fff; font-weight:600; text-transform:uppercase; font-family: 'Montserrat6'; font-size:22px;}
.mobile-menu__link:hover{color: rgb(92,92,92); border-bottom: solid 2px rgb(92,92,92);}
.mobile-menu__checkbox {display: none;}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {opacity: 1;}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {height: 100%;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {background: transparent;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after { top: 0;}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.menulogo {width: 50px;}