@media (max-width: 240px) { html {font-size: 20%;} } 
@media (min-width: 250px) { html {font-size: 35%;} } 
@media (min-width:480px) { html {font-size: 50%;} } 
@media (min-width:600px) { html {font-size: 50%;} }
@media (min-width:768px) { html {font-size: 70%;} }
@media (min-width:1024px) { html {font-size: 70%;} }  

body{font-family: sans-serif; margin: 0;}
h1{color: #000;font-size: 28px;}
h2{color: #000;font-size: 24px;}

a{color: #0261DB;}

#path{font-size: 16px; width: 90%; margin: 20px auto 0 auto; color: #777;}
#path .pathlink{font-size: 16px;}
#path .nm{display: inline;}

.hr{margin: 10px auto; border-bottom: 1px solid #ccc; text-align: center; position: relative; width: 90%;}
.hr span{display: none;}


.tgsocial{display: block!important; width: 94%; margin: 2rem auto 0 auto; padding: 2rem 3% 2rem 3%; border-radius: 5px; box-shadow: 0 0 2rem #ccc; background: #fff url('/images/tg-white-icon.png') 2rem center no-repeat; background-size: 7rem 7rem; text-decoration: none;}
.tgsocial .tgstext{font-size: 2rem; color: #000; text-align: left; margin-left: 10rem;}
.tgsocial .tgstext h2{margin: 0!important; font-size: 3.5rem; color: #000;}

.vksocial{display: block!important; width: 94%; margin: 2rem auto 0 auto; padding: 2rem 3% 2rem 3%; border-radius: 5px; box-shadow: 0 0 2rem #ccc; background: #fff url('/images/vk-white-icon.png') 2rem center no-repeat; background-size: 7rem 7rem; text-decoration: none;}
.vksocial .vkstext{font-size: 2rem; color: #000; text-align: left; margin-left: 10rem;}
.vksocial .vkstext h2{margin: 0!important; font-size: 3.5rem; color: #000;}



/*поиск*/
.searchblockmenu{margin: 3rem auto 1rem auto; font-size: 3rem; width: 90%;}
.searchblockmenu .sbcontainer{position: relative; text-align: left; width: 100%;}
.searchblockmenu .sbcontainer .sbinput{float: left; font-size: 2.5rem; width: 85%; height: 6rem; border-radius: 0.5rem; border: 0; padding: 0 0 0 15%; border: 1px solid #ccc; color: #000; box-shadow: none !important; outline: none; background: url('/images/searchbuttonred-main.png') left center no-repeat; background-size: auto 100%;}
.searchblockmenu .sbcontainer .sbinput::placeholder {font-size: 2.5rem; color: #777;}
.searchblockmenu .sbcontainer .sblink{display: block; text-align: right; font-size: 2.5rem; margin-top: 0.5rem; text-decoration: none; color: #000;}
.searchblockmenu .sbcontainer .sblink span{text-decoration: underline!important; color: #0261DB;}
.searchblockmenu .searchbyparams{display: block; width: 80%; margin: 10px auto 0 auto; font-size: 14px; color: #555; background: url('/images/advancedsearch.png') left center no-repeat; background-size: 16px 16px; padding: 0 0 0 25px;}

.searchblockmenu .sbresultsloader{display: none; width: 50px; margin-left: 5%;}
.searchblockmenu .sbresultsbwords{display: none; margin: 2rem 0; box-shadow: 0 0 0.5rem #ccc; border-radius: 0.5rem; width: 90%; padding: 2rem 5%; background-color: #fff; z-index: 9999;}
.searchblockmenu .sbresultsbwords li{list-style: none; margin: 2rem 0; padding-left: 3rem; font-size: 2.5rem;}

.searchblockmenu .sbresultsbwords .searchword{cursor: pointer; color: #000; text-align: left; background-size: 3rem 3rem; margin: 1.5rem 0;}
.searchblockmenu .sbresultsbwords .searchword .swimg{float: left;display: block; width: 25%; border-radius: 0.5rem;}
.searchblockmenu .sbresultsbwords .searchword .swname {display: block; width: 72%; margin-left: 3%; color: #0161DA; font-size: 2.5rem; text-decoration: underline; float: left;}
.searchblockmenu .sbresultsbwords .searchword .swcount{display: block; width: 72%; margin-top: 1rem; color: #777; font-size: 2rem;}
.searchblockmenu .sbresultsbwords .searchwordpg{color: #000; padding: 0 0 0.5rem 0; border-bottom: 1px solid #f2f2f2; font-size: 2.5rem; margin-top: 5rem;}
.searchblockmenu .sbresultsbwords .sbrshowmore, .searchblockmenu .sbresultsbwords .sbsshowmore{background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 2rem auto; color: #333; width: 90%; padding: 2rem 5%; font-size: 3rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}

.swsectionscontainer{padding: 0 0 10px 0; margin: 0 0 15px 0;}
.searchblockmenu .sbresultsbwords .searchword .swsimg{float: left;display: block; width: 25%; border-radius: 0.5rem;}
.searchblockmenu .sbresultsbwords .searchword .swright{display: block; width: 72%; margin-left: 3%; float: left;}
.searchblockmenu .sbresultsbwords .searchword .swsname {color: #0161DA; font-size: 2.5rem; text-decoration: underline;}
.swrecipescontainer{padding: 0 0 10px 0; margin: 0 0 15px 0;}
.swscheader{display: block;font-size: 2.5rem; color: #555; font-weight: bold; border-bottom: 1px solid #f2f2f2; padding: 0 0 0.5rem 0;}

.searchblockmenu .sbresultsbwords .searchwordsections{cursor: pointer; color: #000; text-align: left; background: url('/images/search-folder-url-32.png') left top no-repeat; background-size: 3rem 3rem; padding: 0 0 0 5rem; margin: 1.5rem 0;}
.searchblockmenu .sbresultsbwords .searchwordsections a {color: #0161DA; font-size: 2.5rem; text-decoration: underline;}
.searchblockmenu .searchwordheader{text-decoration: none!important; color: #000!important; padding: 0!important; font-size: 3rem!important; margin: 2rem 0 1.5rem 0!important; background: none; font-weight: bold;}
.searchblockmenu .sbresultsbwords .searchresults{color: #FF7200; font-size: 2.5rem; background: none!important; padding: 0; text-align: left; cursor: pointer; text-decoration: underline;}

.searchblockmenu .sbresultsbwords .searchwordseparator{border-bottom: 1px solid #f2f2f2; margin: 3rem 0;}
.searchblockmenu .sbresultsbwords .noresults{color: #333!important; text-decoration: none!important;}
	


.alertwin{position: fixed; width: 84%; top: 10rem; left: 5%; padding: 8rem 3% 4rem 3%; z-index: 9999; background-color: #fff; color: #000; font-size: 3rem; box-shadow: 0 0 2rem #555; border-radius: 0.5rem;}
.alertwin a{text-decoration: underline; color: #333; font-size: 3rem;}
.alertwin .awheader{position: absolute; left: 0; top: 0; margin: 0 auto 2rem auto; width: 96%; padding: 2rem 2%; text-align: center; color: #333; background-color: #f2f2f2; border-radius: 0.5rem 0.5rem 0 0;  font-weight: bold; border-bottom: 1px solid #ccc;}
.alertwin .awheader .awclose{position: absolute; right: 15px; top: 15px; width: 30px; height: 30px;}
.awselectcontainer{width: 90%; margin: 3rem auto;}
.awnew{display: none; font-size: 2.7rem; padding: 1rem; width: 58%;  margin: 0; float: left;}
.awnewcancel{display: none; font-size: 2.7rem; padding: 1rem; width: 30%;  margin: 0 0 0 2%; text-decoration: none; float: left; text-decoration: underline; cursor: pointer;}
.awselect{display: block; width: 90%; margin: 3rem 0 0 0; font-size: 2.7rem; font-family: sans-serif; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; box-sizing: border-box; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04);  border-radius: 0.5rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } 
.awselect::-ms-expand { display: none; } 
.awselect:hover { border-color: #888; } 
.awselect:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none;} 
.awselect option { font-weight:normal; } 
.addtocollection{background-color: #1169DA; color: #fff; padding: 10px; border-radius: 5px; border: 0; font-size: 16px; display: block; width: 45%; margin-top: 3rem;}
.awbutton{background-color: #1B6DFF; color: #fff!important; padding: 1rem 2rem; font-size: 3.2rem; cursor: pointer; text-align: center; border-radius: 0.5rem; margin-top: 1rem; text-decoration: none!important; display: inline-block;}
.addfavoritcollection{margin: 1rem 0; display: inline-block; font-size: 3rem; color: #103F95; text-decoration: none; border-bottom: 1px dotted #000;}
.awbutton:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.menusocial{padding: 20px 5%; width: 90%; margin: 30px auto; background-color: #f2f2f2;}
.menusocial img{width: 6rem; height: 6rem; margin-right: 1rem;}
.menusocial h2{margin: 0 auto 10px auto!important; font-size: 24px!important;}
.menusocial p{margin: 0 auto 20px auto!important; font-size: 16px!important;}


.sitemenu{display: none; margin: 50px auto 5rem auto; width: 90%; background-color: #fff; box-shadow: 0 0 3rem #999; border-radius: 0 0 1rem 1rem; padding-bottom: 3rem;}

.menucat{width: 90%; margin: 2rem auto; padding: 0;}
.menucat h2{margin: 0 0 2rem 0; color: #000; font-size: 3.5rem; background-color: #f2f2f2; padding: 1rem; border-radius: 1rem;}
.menucat .seasonmenu{background-color: #FFD76D!important;}
.menucat .mcorange{color: #f15306!important;}
.foodmenu{margin: 0;}
.foodmenu .mmsection{position: relative;margin: 0 0 2rem 0; color: #000; font-size: 3.5rem; padding: 0 1rem;}
.foodmenu .mmsection .mmsarrow{position: absolute; right: 0; top: 0; width: 2rem; height: 2rem; opacity: 0.9;}
.foodmenu {position:relative; width:100%; background-color:#fff;}
.foodmenu h2{display: block; font: normal 3rem Arial; margin: 0 auto; padding: 1rem 0; text-align: left; color: #000; text-decoration: none; background-size: 3rem; border-bottom: 0.1rem solid #f2f2f2;}
.foodmenu .submmenu{width: 90%; margin: 1rem auto 3rem auto; display: none;}
.foodmenu .submmenu .menuseparator{border-bottom: 1px solid #f2f2f2; padding: 1rem 0 1rem 2rem; margin: 0.5rem 0 1rem 0; width: 80%; list-style: none;}
.foodmenu .submmenu .menuheader{font-size: 3rem; padding: 1rem 0 1rem 0rem; color: #000; color: #dd8653; list-style: none; font-weight: bold;}
.foodmenu .submmenu a{display:list-item; font: normal 3rem sans-serif; margin-left: 2.5rem; padding: 1rem 0 1rem 1rem; text-align: left; text-decoration: none; text-transform: none; color: #122a60;}
.foodmenu .submmenu :last-child{border: none;}
.foodmenu .submmenu .smkernel{display: inline-block!important; padding-left: 0!important; margin-left: 0!important; margin-top: 10px; background-color: #122a60; color: #fff; padding: 5px 10px!important; border-radius: 3px;}
.foodmenu .submmenu h3{font-size: 2.5rem!important; color: #772500!important;}
.foodmenu .kernellink{color: red!important;}


/* Кнопки в шапке меню + поиск */

.wheader{margin-top: 10px;}
.wheader .whbuttons{background-color: #fff; z-index: 9999999; position: fixed; top: 0px; padding: 10px 2%; width: 96%; height: 40px; background: #fff url('/images/snowflakesbg.png'); border-bottom: 1px solid #ccc;}

.wheader .whauth, .wheader .startauthbutton{position: absolute; right:15px; top: 12px; cursor: pointer; font-size: 2.5rem; display: inline-block; padding: 5px 10px; border-radius: 3px; border: 1px solid #000; text-decoration: none; color: #000;}

.tpucommentsico{position: absolute; right: 65px; top: 15px; cursor: pointer;}
.tpucommentsico img{width: 30px; height: 30px;}
.tpucommentsico .countercomments{position: absolute; display: block; width: 15px; height: 15px; text-align: center; line-height: 15px; top: -3px; right: -7px; background-color: red; color: #fff; border-radius: 15px; font: 12px sans-serif;}


.topusermenubutton{position: absolute; right: 15px; top: 15px; cursor: pointer; width: 30px; height: 30px; border-radius: 0.5rem; border: 1px solid #333;}

.tpuusermenu{display: none; position: fixed; right: 15px; top: 70px; margin: 0; padding: 2rem 3rem; list-style: none; background: #fff; box-shadow: 0 0 2rem #555; z-index: 99999999; color: #333; border-radius: 0.5rem;}
.tpuusermenu a, .tpuusermenu div{display: block; color: #333; text-decoration: none; font-size: 2.5rem; padding: 2rem 0 2rem 3.2rem; cursor: pointer; font-size: 2.5rem; background-size: 2rem 2rem; background-position: 0 center; background-repeat: no-repeat;}
.tpuusermenu a:last-child{border-bottom: 0;}

.tpuusermenushow{display: block;}
.tpuusermenu:before{content: ''; display: block; position: absolute; top: -20px; right: 15px; width: 0; height: 0; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px;}

.tpumailico{position: absolute; right: 110px; top: 15px; cursor: pointer;}
.tpumailico img{width: 30px; height: 30px;}
.tpumailico .mailcounter{position: absolute; display: block; width: 15px; height: 15px; text-align: center; line-height: 15px; top: -3px; right: -7px; background-color: red; color: #fff; border-radius: 15px; font: 12px sans-serif;}



.toggle-button{position: absolute; left: 15px; cursor: pointer; width: 35px; height: 35px;}

.wheader .whlogo{position: absolute; left: 70px; top: 8px; height: 40px;}
.wheader .whbanner{position: absolute; left: 120px; top: 13px; height: 40px;}
.mtopmenufloat .tpucommentsico{position: absolute; right: 85px; top: 15px; cursor: pointer;}
.mtopmenufloat .tpucommentsico img{width: 20px; height: 20px;}
.mtopmenufloat .tpucommentsico .countercomments{position: absolute; display: block; width: 15px; height: 15px; text-align: center; line-height: 15px; top: -3px; right: -7px; background-color: red; color: #fff; border-radius: 15px; font: 12px sans-serif;}

.whmenu{display: block; margin: 80px auto 10px auto; width: 90%;}
.whmenu a{display: block; float: left; padding: 1rem 0; margin: 0.5rem 0 0.5rem 2%; font-size: 2.5rem; color: #fff; text-decoration: none; text-align: center;  border-radius: 0.5rem; width: 49%;}
.whmenu a:nth-child(odd){margin-left: 0!important;}
.whmenu .whmrecipes{background-color: #6EAD04;}
.whmenu .whmsearch{background-color: #EC7000;}
.whmenu .whmfavorit{background-color: #0077D9;}
.whmenu .whmsubscribe{background-color: #13009B;}
.whmenu .whmtop{background-color: #B8007A;}
.whmenu .whmjournal{background-color: #000;}
.whmenu .whmdonut{background-color: #00B7B7;}
.whmenu a img{width: 16px; margin: 0 10px;}

.toppromo{display: block; margin: 70px auto 30px auto; width: 90%;}
.toppromo img{width: 100%; border-radius: 5px;}

.alertwin .awheader{text-align: left;}
.faform{margin: 20px 0;}
.faform .sname{margin: 15px 0 5px 0;}
.faform input[type="text"]{width: 50%; padding: 5px; font-size: 16px;}
.faform input[type="password"]{width: 50%; padding: 5px; font-size: 16px;}
.faform textarea{width: 96%; height: 70px; padding: 10px 2%; font-size: 16px;}
.faform .startauth{width: 150px; color: #fff; padding: 5px; background-color: #000; text-align: center; margin: 20px 0 0 0; border-radius: 5px;}
.faform .fafbutton{width: 150px; color: #fff; padding: 5px; background-color: #000; text-align: center; margin: 20px 0 0 0; border-radius: 5px;}
.faform .lostpassword{margin-top: 30px; color: #0722B3; display: block;}
.faform .regform{margin-top: 15px; color: #0722B3!important; display: block;}

.bottompanel{position: relative; background-color: #fff; z-index: 9999; position: fixed!important; left: 0; bottom: 0; height: 7.5rem; width: 100%; box-shadow: 0 0 15px #555;}
.bottompanel .bpfavorit{width: 4rem; height: 4rem; margin: 2rem 0 0 2.5rem;}
.bottompanel .bppdf{width: 4rem; height: 4rem; margin: 2rem 0 0 2.5rem;}
.bottompanel .bperror{width: 4rem; height: 4rem; margin: 2rem 0 0 2.5rem;}
.bottompanel .gototop{width: 4rem; height: 4rem; margin: 2rem 0 0 0; position: absolute; right: 2.5rem; top: 0;}

.menuseasons{width: 90%; margin: 0 auto 20rem auto; padding: 0;}
.menuseasons h2{margin: 4rem 0; color: #000; font-size: 3.5rem;}
.menuseasons .ingredients{display: block; width: 20rem; margin: 1rem 0; padding: 2rem; border-radius: 0.5rem; font-size: 3rem; text-decoration: none; background-color: #2d95ff; color: #fff; height: 2.5rem; line-height: 2.5rem; text-align: center;}
.menuseasonslinks{margin-top: 2rem;}
.menuseasonslinks a{display: block; float: left; margin: 0 1.5rem 1.5rem 0; color: #555; font-size: 3rem;}

.footer{width: 100%; margin: -3rem auto -4rem auto; padding: 4rem 0; text-align: center;background: #fefcea; background: linear-gradient(to top, #000, #20282f); min-height: 50rem;}
.footer hr{height: 1px; border: 0; background: #2f373c; width: 90%; margin: 0 auto;}
.footer .flogo{width: 25rem;}
.footer .fmenu{margin: 5rem 0;}
.footer .fmenu a{display: block; font-size: 3rem; color: #D4F3FF; margin: 1rem 0; text-decoration: none;}
.footer .fcopy{font-size: 2rem; color:#9AAAC1; margin: 4rem auto; width: 90%;}

.infowinbase{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url('/images/opacity50.png'); z-index: 99999999999;}
.infowin{position: relative; top: 80px; left: 5%; width: 90%; min-height: 200px; background-color: #fff; z-index: 99999; box-shadow: 0 0 30px #555; padding: 3rem 0;}
.infowinheader{position: absolute; left: 0; top:0; width: 100%; border-bottom: 1px solid #ccc; padding: 1rem 0; background-color: #f2f2f2;}
.infowinheadername{position: relative; margin-left: 2%;  font-size: 3rem;}
.infowin .infowinclose{position: absolute; right: 2%; top: 1.5rem; width: 25px; height: 25px;}
.infowin .infowincontainer{width: 90%; font-size: 2.5rem; margin: 5rem auto; min-height: 10rem;}
.infowin .infowincontainer a{font-size: 2.5rem;}
.infowin .infowincontainer h2{font-size: 4rem; margin: 0;}
.infowin .infowincontainer h1{font-size: 20px; margin: 0;}
.infowin .infowincontainer p{font-size: 16px;}
.infowin .infowincontainer ul{font-size: 16px; margin: 20px 0 0 20px; padding: 0;}
.infowin .infowincontainer ul li{margin: 0 0 10px 0;}
.infowin .infowincontainer .iwreg{display: block; margin: 10px 0 0 0; padding: 5px; background-color: #286EFA; color: #fff; text-decoration: none; text-align: center; font-size: 3rem;}

.mobileiconlink{font-size: 2.5rem; background-color: #f2f2f2; padding: 15px 5%; margin: 0 auto;}
.mobileiconlink a{font-size: 2.5rem;}
.mobileiconlink img{height: 5rem;float: left; margin-right: 10px;}

.menurlcontainer .reviewslink{background: url('/images/reviews-link-icon.png') left center no-repeat; background-size: 2.5rem 2.5rem; padding-left: 3.5rem; font-size: 3rem; color: #000; display: block; text-decoration: underline; cursor: pointer; margin: 20px auto; width: 80%;}

.menurlcontainer .favoritlink{background: url('/images/menu/favorit-menu-ico-64-black.png') left center no-repeat; background-size: 2.5rem 2.5rem; padding-left: 3.5rem; font-size: 3rem; color: #000; display: block; text-decoration: underline; cursor: pointer; margin: 20px auto; width: 80%;}

.menurlcontainer .plannerlink{background: url('/images/menu/planner-menu-ico-64-black.png') left center no-repeat; background-size: 2.5rem 2.5rem; padding-left: 3.5rem; font-size: 3rem; color: #000; display: block; text-decoration: underline; cursor: pointer; margin: 20px auto; width: 80%;}

.videolayer{display: none; position: fixed; width: 90%; top: 100px; left: 5%; background-color: #fff; box-shadow: 0 0 50px #333; z-index: 9999999; border-radius: 3px;}
.videolayer .vlembed iframe{width: 100%; height: 394px;}
.videolayer .vlclose{width: 30px; height: 30px; position: absolute; right: 0; top: -35px; cursor: pointer;}

.advlist{width: 90%; margin: 7rem auto 0 auto;}

.footersociallinks{margin: 2rem auto; width: 90%;}
.footersociallinks img{display: inline-block; border-radius: 0.5rem; border: 1px solid #28364C; width: 4rem; height: 4rem; margin: 1rem;}

.plannerselectcontainer{width: 90%!important; margin: 30px auto; text-align: center;}
.plannerselectcontainer .daybutton{display: inline-block; width: 200px; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 5px; margin-right: 5px; text-decoration: none; display: inline-block;}
.plannerselectcontainer .daybutton:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.plannerselectcontainer .dbgreen{background-color: #04BA5C!important;}
.plannerselectcontainer input[type="date"]{font-size: 16px; padding: 10px; border-radius: 5px;}
.plannerselectcontainer a{font-size: 16px!important;}


.startsearchfield{float: left; font-size: 2.5rem; width: 85%; height: 6rem; border-radius: 0.5rem; border: 0; padding: 0 0 0 15%; border: 1px solid #ccc; color: #000; box-shadow: none !important; outline: none; background: url('/images/searchbuttonred-main.png') left center no-repeat; background-size: auto 100%;}

.startsearchfield::placeholder {font-size: 2.5rem; color: #777;}
.searchlayer{display: none; background-color: #ddd; position: absolute; left: 0; top: 0; width: 100%; height: 500rem; z-index: 9999999999;}
.searchlayer .sltopfield{position: relative; background-color: #fff; width: 100%; height: 7rem; padding: 2rem 0;}
.searchlayer .sltopfield .slf90{
	  width: 90%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 auto;
}
.searchlayer .sltopfield .slf90 .col1{
width: 7rem;
text-align: center;
}
 .searchlayer .sltopfield .slf90 .col3{
width: 20%;;
text-align: center;
}

.searchlayer .sltopfield .slf90 .col2{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




.searchlayer .sltopfield .searchgoback{display: block; width: 5rem; height: 5rem;}
.searchlayer .sltopfield .searchstring{display: block; padding: 1rem 2%; font-size: 3rem; width: 96%; border: 0;}
.searchlayer .sltopfield .searchstring{  border: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;}

.searchlayer .sltopfield .searchbutton{display: inline-block; padding: 1rem; font-size: 3rem; margin-left: 2rem; background-color: #F7BA00; color: #000; text-align: center; border-radius: 0.5rem;}


.slactual{margin: 0 auto; padding: 3rem 0 5rem 0;}
.slactual h2{width: 90%; margin: 2rem auto 0 auto!important; font-size: 4rem;}
.slactual hr{height: 1px; border: 0; background-color: #bbb; width: 95%; margin: 3rem 0 3rem 5%!important;}

.slactual .hmenu {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth; /* плавная прокрутка при программном скролле */
  padding: 12px 0;
  gap: 16px;
  /* Основной трюк: скрываем полосу прокрутки */
  scrollbar-width: none; /* Для Firefox */
  -ms-overflow-style: none; /* Для Internet Explorer и старого Edge */
  width: 95%; margin-left: 5%;
}

.slactual .hmenu::-webkit-scrollbar {
  display: none; /* Скрываем полосу прокрутки в WebKit */
}

.slactual .hmenu a {
  padding: 1rem 2rem;
  text-decoration: none;
  color: #007bff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  flex-shrink: 0; /* Важно: не даём элементам сжиматься */
  border-radius: 6px;
  transition: background-color 0.3s;
  font-size: 3rem;
  background-color: #fff; border-radius: 0.5rem;
}