@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700&display=swap&subset=cyrillic,cyrillic-ext');
@import 'cfg.css';

* {margin:0; padding:0; }
html{font-size:var(--fontsize);}
body {background:#fff ; position:relative; left:0px; top:0px; font-family:'Open Sans','Arial';  color:#313131}

h1 {font:2.5rem 'Open Sans'; font-weight:700; color:var(--color1); text-align:center; padding:15px 0px 15px 0px; margin:0;  text-transform:uppercase; letter-spacing:0px}
h2 {font:2.3rem 'Open Sans'; font-weight:400;  color:var(--color2); text-align:center; padding:15px 0px 15px 0px; margin:0; text-transform:none; letter-spacing:0px}
h3 {font:2rem 'Open Sans'; font-weight:400;  color:var(--color2); text-align:center; padding:10px 0px 10px 0px; margin:0; text-transform:none; letter-spacing:0px; position:relative}
h3:before{ content: ""; height:0; width:0; display:inline-block;  margin:0px 0px; background:url(../ndata/images/fav.png) no-repeat center center; vertical-align:middle; background-size:contain;  position: relative; }	
	
h4 {font:1.5rem 'Open Sans'; color:var(--color1); text-align:left; padding:5px 5px 5px 5px; margin:0; text-transform:none; letter-spacing:0px}

h5 {font:18px 'Roboto'; color:var(--color1); padding:5px 10px 5px 10px; margin:0}
h6 {font:18px 'Roboto'; color:var(--color1); padding:5px 10px 5px 10px; margin:0}
h7 {font:18px 'Roboto'; color:var(--color1); padding:5px 10px 5px 10px; margin:0}

p {font:var(--fontsize) 'Open Sans'; font-weight:400; text-align:left; color:#23221f;  padding:5px; text-indent:0px; letter-spacing:0px; }
 
img{border:0; margin:0; padding:0}
img.x{margin:3px 10px}

article {column-count:3; padding:40px; margin:0 auto; text-align:left; column-gap:50px; max-width:1300px;  column-rule:0px solid var(--color2);}


.w{color:#777}
.small {font-size:0.7rem !important;}
.color4{color:var(--color4)}
.color3{color:var(--color3)}
.color2{color:var(--color2)}
.color1{color:var(--color1)}

/*.sm, .sm:hover  {color:#fff}*/

.r{text-align:right}
.l{text-align:left}
.c{text-align:center}
.y {color:var(--color4)}
.b {font-weight:700}
.w {color:#ffffff}
.big {font-size:1.5rem !important}

ul {}
ul li {}

a{font-weight:400; color:var(--color2); 
transition: var(--trans); text-decoration:underline; }
a:hover {color:var(--color1); text-decoration:none;}


p.bu{ display:block; position:relative; max-width:100%; background:url(../images/bu.png) no-repeat 6px center; padding:5px 20px 5px 40px;  }



a.butt,  input[type=submit]{font:18px 'Open Sans'; font-weight:400; background:none; color:var(--color3); display:inline-block; padding:13px 35px; margin:0; text-transform:none; border-radius:0px; cursor:pointer; letter-spacing:0px; text-decoration:none; border-bottom:2px solid var(--color2); position:relative; overflow: hidden; transition:var(--trans); background:var(--color2);}

@keyframes a1 {0%{left: -170%;} 100% { left: 100%;}}

a.butt:before {content: ""; position: absolute; width: 150%; height: 20px; background: rgba(255, 255, 255, 0.55); box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.75); top: 10px; left: -10%; transform: rotate(-45deg); animation: a1 3s ease infinite;}

a.butt:hover,  input[type=submit]:hover  { background:var(--color4); }


a.admbutt{font:12px 'Roboto'; font-weight:500; background:var(--color1); color:var(--color3); display:inline-block; text-align:left; padding:4px 10px; margin:3px 3px; text-transform:uppercase; border-radius:2px; text-decoration:none;}
a.admbutt:hover{background:var(--color2); text-decoration:none;}

.a100{width:100%; background:var(--color2); margin:0 auto; padding:0px 0px;}
.a10{max-width:var(--maxwidth); background:none; margin:0 auto; padding:0px; display:flex; flex-flow:row nowrap;  justify-content:center; align-items:center; align-content:center;}
.ta{width:auto; max-width:300px; margin:0px 0px; padding:0px 10px; display:inline-flex; flex-flow:row nowrap;  justify-content:center; align-items:center; align-content:center; cursor:pointer }
.ta img{vertical-align:middle; margin:0px 5px 0px 0px; transition: var(--trans);}
.ta:hover img{transform:translateX(3px); }
.ta a{ font:1.5rem 'Open Sans'; font-weight:700; letter-spacing:0px; color:var(--color3); text-decoration:none;   }
.ta a:hover{color:var(--color3); }
.te{padding:5px; display:flex; flex-flow:row nowrap;  justify-content:flex-start; align-items:center; align-content:center; }
.te img{vertical-align:middle }

.fixed{width:100%; position:fixed; top:0; z-index:998}

.m100{margin:0 auto; padding:0px 0px; border:0; text-align:center;  background:var(--color3); }
.m10{max-width:var(--maxwidth); background:none; margin:0 auto; padding:0px; display:flex; flex-flow:row nowrap;  justify-content:center; align-items:center; align-content:center;}

.cap {width:33%; max-width: 430px; display:inline-block; padding:25px 0px 15px 0px; margin:0; }
.cc {}
.cl {margin-right:auto;}
.cr {margin-left:auto; text-align:right}


.social {display:inline-block; margin:0px; margin-left:15px; padding:0px 0px;}
.social .net {display:inline-block; vertical-align:middle; width:28px; height:28px;  margin:0px 5px; padding:0px 0px;  border-radius:0px; margin-top:px; }
.social .wp {background: url(../images/wa.png) no-repeat center center}
.social .wp:hover {}
.social .ig {background: url(../images/ig.png) no-repeat center center}
.social .ig:hover {}
.social .yt {background:#645132 url(../images/yt.png) no-repeat center center}
.social .yt:hover {background:#324b9c url(../images/yt.png) no-repeat center center}


.line {width:100%; max-width:var(--maxwidth); height:40px; padding:0px; margin:0 auto; background:url(../ndata/images/zRX9ROINX7.jpg) no-repeat bottom center; background-size:cover}

.bloxx{width:100%; max-width:1300px; text-align:center; margin:0px auto; display:flex; flex-flow:row nowrap;  justify-content:center; align-items:flex-start; align-content:center; padding:0px}
.blox{width:50%; border:0px; padding:20px; text-align:center; }



.bigline {width:100%; height:90px; padding:0px; margin:40px auto -40px auto; background:url(../ndata/images/bigline.png) repeat-x bottom center;}

.brcr{text-align:center; margin:-10px 0px 0px 20px}
.wrapper{width:100%; text-align:center; padding:40px 0px; margin:0 auto;}
.container{width:100%; max-width:var(--maxwidth); text-align:; padding:0; margin:0px auto; position:relative;}
.container img{max-width:100%; }
.catalist {column-count:3; column-rule: 1px dotted var(--color4); width:auto; border:1px solid var(--color4); padding:20px;}
.catalist a {font:bold 16px 'Open Sans'; display:block; margin:0; padding:7px 20px; text-align:left; text-decoration:none; color:var(--color1)}
.catalist a:before{ content: ""; width:5px; height:5px; display: inline-block;  margin:0px 10px; vertical-align:middle; padding:0;  background:var(--color2); position: relative; transform:skewX(-20deg)}	


.catalist a:hover {background:var(--color2); color:var(--color3)}
.plain {text-align:left}



.inner0 {padding:40px 40px; width:100%; max-width:1220px; margin:0 auto; text-align:left; background:#fff;}
.inner0 img {padding:10px; width:auto; max-width:100%; cursor:pointer !important}
.inner0 ul {list-style-type:circle; margin-left:20px;}
.inner0 li {list-style-position:inside; font:16px Open Sans}
.inner{padding:40px 0px; margin:0 auto;  text-align:left;}
.inner img{float:left; padding:0px; margin:5px 40px;}



#order {width:100%; margin:1px auto; padding:20px; position:relative; display:block; background:#eee; } 
 
/*/////////*/


#crumbs{text-align:left;padding:0px 20px 20px 20px; color:var(--color1)}


.news {width:100%; max-width:400px; height:350px; padding:0; margin:0px;  display:inline-block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color2); border-radius:0;  transition: var(--trans); }
.news:hover .img  {transform:scale(1.1,1.1); }
.news img {width:100% !important; height:100%; padding:0; margin:0; transition: var(--trans); object-fit:cover}
.news img:hover {transform:scale(1.1,1.1);}
.news .desc {z-index:9; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); transition: var(--trans); display:flex; flex-flow:column wrap; justify-content:center; align-items:center; align-content:center; }
.news:hover .desc  {background:rgba(0,0,0,0.7) url('../ndata/images/magn.png') no-repeat center center}
.news:hover .desc h4:after{ content: ""; width:100px; height:2px; }
.news .desc h4 {font:24px 'Open Sans'; font-weight:900; text-transform:none; color:var(--color3); text-align:center; letter-spacing:0px; padding:10px; margin:0px 20px; text-shadow:0px 0px 20px #000, 0px 0px 40px #000; transition: var(--trans); }
.news .desc h4:after{ content: ""; width:50px; height:2px; display: block; text-align:center; vertical-align: middle; margin:20px auto 0px auto; background:var(--color2); position: relative; transition: var(--trans);}





.nonvis {opacity:0}



.fews {padding:10px; margin:0px; border:0; overflow: hidden; position:relative; display:flex; flex-flow:row nowrap;  justify-content:flex-start; align-items:center; align-content:center; text-align:center;}
.fews .img {width:100px; height:100px; transition: var(--trans);}
.fews .img img {max-width:100px; max-height:100px;}
.fews .img:hover {transform:scale(1.1,1.1)}
.fews .desc{ width:auto; max-width:auto; margin:0; padding:5px; background:#fff; transition: all  400ms ease-in-out; }
.fews h4 {font:bold 16px 'Roboto'; text-align:left; padding:0px; letter-spacing:0px; color:var(--color1)}
.fews p {font: 15px 'Roboto'; text-align:left; padding:10px 0px; letter-spacing:1px; color:var(--color1);}



.cata {width:100%; max-width:300px; height:200px; padding:0; margin:10px 10px;  display:inline-block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color3); border-radius:0;  transition: var(--trans); border-bottom:5px solid var(--color2)}
.cata:hover .img  {transform:scale(1.1,1.1); }
.cata .img {width:100%; height:0%; transition: var(--trans); background-size:cover !important}
.cata .img:hover {transform:scale(1.1,1.1);}
.cata .desc {z-index:9; position:absolute; top:0; left:0; width:100%; height:100%; background:; transition: var(--trans); display:flex; flex-flow:column wrap; justify-content:center; align-items:center; align-content:center; }
.cata:hover .desc  {}
.cata:hover .desc h4:after{ content: ""; width:50%; height:2px; }
.cata .desc h4 {font:1.5rem 'Roboto Condensed'; font-weight:600; text-transform:none; color:var(--color1); text-align:center; letter-spacing:0px; padding:10px; margin:0px 20px; transition: var(--trans); text-transform:uppercase}
.cata .desc h4:after{ content: ""; width:20%; height:2px; display: block; text-align:center; vertical-align: middle; margin:20px auto 0px auto; background:var(--color4); position: relative; transition: var(--trans);}




.video {max-width:100%;  padding:0; margin:10px 20px; height:300px; display:inline-block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color1); border-radius:0  }
.video iframe{width:100%; height:100%;}
.bigvideo {max-width:100%;  padding:0; margin:10px 20px; height:500px; display:block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color1); border-radius:0  }
.bigvideo iframe{width:100%; height:100%;}



.gallery {min-width:150px; width:100%; max-width:220px; height:300px; padding:0; margin:0px 0px; display:inline-block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color3); border-radius:2px  }
.gallery h4 {font:bold 14px 'Roboto'; text-transform:uppercase; color:var(--color1); text-align:center;}
.gallery .img {width:100%; height:100%; transition: var(--trans); background-size:contain !important}
.gallery .img:hover {transform:scale(1.1,1.1);}
.gallery .desc{width:100%; max-width:100%; position:absolute; text-align:center; bottom:0; margin:0; padding:0px 0px; background:#fff url(../ndata/images/trans.png); }

.gallery0 { padding:0; margin:0px 2px; min-width:300px; height:400px; display:inline-block; border:0; overflow: hidden; position:relative; cursor:pointer; background:var(--color3); border-radius:2px; border:1px solid var(--color4) }
.gallery0:hover .desc h4 {color:#fff}
.gallery0 h4 {font:16px 'Roboto'; text-transform:uppercase; color:var(--color3); text-align:left;}
.gallery0 .img {width:100%; height:100%; transition: var(--trans); background-size:contain !important}
.gallery0:hover .img {transform:scale(1.1,1.1);}
.gallery0 .desc{width:100%; max-width:100%; position:absolute; text-align:left; bottom:0; margin:0; padding:0px 20px; background: url(../ndata/images/trans.png); display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; align-content:center;}

ul#opts{margin:0px; padding:0px}
ul#opts li{ list-style: none; display: flex; justify-content: space-between; padding: 15px 5px; border-bottom: 1px solid #d0d0d5; transition:var(--trans)}
ul#opts li:hover{background:#fff; border-bottom: 1px solid var(--color2); padding-left:15px}
ul#opts li::before {content: ''; flex-grow: 1; order: 1;  margin:0px 5px;}
 
.s_h {height:; overflow: hidden; order: 1; font-size:1.3rem; color:var(--color2)}


.icons {width:100%; max-width:170px; border-radius:0px; background:none; border:0px solid var(--color1); height:200px; display:inline-block; margin:0px 0px;  overflow:hidden;}
.icons .img {width:100%; height:150px; transition:var(--trans); background-size:50% !important;  margin-top:0px;}
.icons .img:hover {transform:scale(1.1,1.1)}
.icons .desc {width:100%;  transition:var(--trans); display:flex; flex-flow:column wrap; justify-content:center; align-items:center; align-content:center; margin:0; padding:0;}
.icons h4 {font:bold 16px 'Open Sans'; color:#333; text-align:center; padding:5px; text-transform:uppercase; letter-spacing:0px;}
.icons p {font:11px 'Roboto'; color:var(--color1); text-align:center; padding:5px; letter-spacing:1px;}

.icons0 {width:100%; max-width:250px; height:300px;  overflow:hidden; display:inline-block}
.icons0 .img {width:100%; height:130px; transition:var(--trans); background-size:auto !important;  margin-top:0px;  }
.icons0 .img img {width:auto; vertical-align:middle; transition:var(--trans);}
.icons0 .desc {width:100%;  transition:var(--trans); margin:0; padding:0;}
.icons0 h4 {font:16px 'Open Sans'; font-weight:700; color:var(--color1); text-align:center; padding:5px; text-transform:uppercase; letter-spacing:0px;}
.icons0 p {font:12px 'Open Sans'; color:var(--color1); text-align:center; padding:5px; text-transform:none; letter-spacing:0px;}




#scart {width:100%; margin:1px auto; position:relative; display:block; background:#fff; height:100px} 
#scart .img { width:150px; float:left; height:100px; margin-right:20px}
#scart .desc{ margin:0; padding:0;}
#scart .sum{ margin:0; padding:5px; display:inline-block; float:left}
#scart h4 {text-align:left;}
#scart .next {cursor:pointer; margin:0;  padding:10px; position:absolute;top:20px; right:0px; color:var(--color1); }
#scart:hover .next { color:var(--color2)}


.reviews {width:31%; min-width:300px; margin:20px 5px; display:inline-block; height:350px; background:; min-height:150px; overflow:hidden } 
.reviews .img { width:180px;  height:180px; margin:0 auto;  text-align:center; background-size:cover !important; border-radius:100px}
.reviews .desc{ margin:0; padding:20px; background:none; height:260px; overflow:auto}
.reviews .desc h4 {font:bold 24px 'Roboto'; color:var(--color1); text-align:center; padding:5px 0px 0px 0px; text-transform:uppercase}
.reviews .desc p {font:var(--fontsize) Roboto; text-align:center; color:var(--color1)}
.reviews .next {cursor:pointer; margin:0; padding:10px; position:absolute; top:30%; right:0px; color:var(--color1); }
.reviews:hover .next { color:var(--color2)}

#xreviews {width:100%; margin:1px auto; position:relative;  display:block; background:#fff; min-height:200px;} 
#xreviews .img { width:200px; float:left; height:200px; margin-right:20px; overflow:hidden}
#xreviews .desc{ margin:0; padding:20px; margin-left:180px; }
#xreviews h4 {text-align:left; }
#xreviews .next {cursor:pointer; margin:0; padding:10px; position:absolute; top:30%; right:0px; color:var(--color1); }
#xreviews:hover .next { color:var(--color2)}




#filess {width:190px; height:160px; border:1px solid var(--color1); overflow:hidden; display:inline-block; text-align:center; position:relative}
#filess .img {width:190px; height:160px; overflow:hidden;}
#filess img {max-width:190px; width:auto}
#filess .desc {position:absolute;bottom:0; width:180px; padding:5px; text-align:center; opacity:0; background:#fff; word-break: break-all;}
#filess:hover .desc{opacity:0.9;}



.inner0 table {max-width:100%; width:100% !important; border-collapse:collapse; overflow-y:auto}
.inner0 table tr.pr {background:var(--color1); color:#fff}
.inner0 table td{border:1px solid #aaa; border-collapse:collapse; padding:5px;}
.inner0 table tr:hover{background:#ddd}
.inner0 table tr:nth-child(1)  {background:var(--color2); color:#fff}





/*---------------.price tr{border:1px solid transparent;  }
.price tr:hover{background:var(--color2) !important;}
.price tr:hover a{color:var(--color3) !important;}
.price tr.pr {background:var(--color2); color:#fff}
.price tr:nth-child(even)  {background:#e0e8f1}
.price td{  padding:10px;}
.price td.open{background:#009f8b; }
.price td img{max-width:150px;}

#pric {width:100%; max-width:100% !important; border-collapse:collapse; font-size:14px; background:#fff; overflow-y:auto}
#pric td{border:1px solid #aaa; border-collapse:collapse; padding:10px;}
-----------------*/

#form {width:100%; background:none; max-width:1300px; padding:0px; margin:0 auto; text-align:left }

select,input,textarea {width:100%; max-width:500px; background: #fff;  padding:13px 20px;  border-radius:0px;  display:inline-block; font:15px 'Open Sans'; color:var(--color1);  margin:5px 0px; border: 1px solid var(--color2); }
input[type=submit], input[type=checkbox], input[type=radio]{width:auto;}

select.goog-te-combo {padding:5px 10px;}

input.z  {width:60px}
select.x,input.x {width:auto}
input.val {width:51px; padding:3px; margin:3px;}

.search{max-width:800px;  position:relative; display:inline-block}
.sok {width:42px; height:42px; background:var(--color2) url(../ndata/images/search.png) no-repeat center center;   position:absolute; top:5px;right:0px;}

textarea:focus, input:focus{ outline: 0;}
input:focus:invalid, textarea:focus:invalid{border: 1px solid #F5192F; }
input:focus:valid, textarea:focus:valid{ border: 1px solid #00bb00;}
input:disabled, textarea:disabled{ background:#eee; color:#aaa}

/*.flexform{width:100%; margin:0 auto; padding:0px; display:flex; flex-flow:row nowrap;  justify-content:center; align-items:center; align-content:center; text-align:center;}*/

/*--------------------------------*/



#f100{width:100%; background:var(--color1); margin:0 auto; padding:20px 0px; text-align:center; color:#fff; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-content:center;}
#fitem {width:100%; max-width:350px; margin:0px; padding:0px; display:inline-block;}


#clear{height:0; font-size:1px; line-height:0px; clear:both;}

#page {margin: 0px;	background: #fff; border: none; padding: 5px;}

#up {width:40px; height:40px; padding:0px; cursor:pointer; position:fixed; bottom:20px; right:20px; z-index:9999; color:var(--color1); transition: var(--trans)}
#up:hover {color:var(--color4)}

.em {padding:0; margin:0; width:50px; height:50px; cursor:pointer; position:fixed; top:220px; right:50px; z-index:999; transition: var(--trans); animation: ball 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate; animation-delay: 0;}

@keyframes ball {
  0%{transform: translateY(0px);}
  100% {transform: translateY(-20px);}
}


#adm{width:100%; max-width:1700px; height:400px; font-size:18px; font-family: 'Courier',  'Courier New'; color:#333;}

#adma {padding:20px; cursor:pointer; position:fixed; top:100px; right:0px; z-index:999; color:var(--color1); transition: var(--trans)}
#adma:hover {color:var(--color3)}

#cart {padding:20px;cursor:pointer; position:fixed; top:15px; right:0px; z-index:999}





/*--------------- Стили Админки -----------------*/


.sidemenu{width:100%; max-width:260px; height:100%; max-height:3900px; background:#333; padding:30px 0px; margin:0; display:block; overflow-y: auto; position:fixed; left:0px; z-index:999;  transition:var(--trans)}
.overwrap{margin-left:260px; padding:0px 30px; transition:var(--trans)}

.sidemenu a {font:12px 'Roboto'; font-weight:500; color:#ddd; display:block; width:100%; text-align:left; padding:10px 20px; margin:0; text-transform:uppercase; border-radius:2px; vertical-align:middle; }
.sidemenu a img{vertical-align:bottom; margin-right:10px; width:20px; height:20px;}
.sidemenu a:hover {background:#222; text-decoration:none;}

.sidemenu.inactive{left:-220px;}
.overwrap.inactive{margin-left:60px;}

#toggle { background-color: #666; color: #fff; width: 50px; height: 44px; float: right; position: relative; top: 0px; right: 0px; text-align: center; cursor: pointer; font-size: 30px;
}


.admgal {width:300px; height:300px; display:inline-block;}
.admsli {width:90%; max-width:1200px; height:300px; display:inline-block;}
.adm0 {width:100%; background:#333; height:300px; margin:0px; border:0; overflow:hidden; position:relative; }
.adm0 .img {width:100%; height:350px; transition:var(--trans)}
.adm0:hover .desc {opacity:1; background:#333;}
.adm0 .desc {width:100%; height:100%; position:absolute; top:0; opacity:0; background:#fff; transition:var(--trans); display:flex; flex-flow:column wrap; justify-content:center; align-items:center; align-content:center;}



.can{position:absolute; top:33px; left:97px; z-index:}



::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-button {  background-color: var(--color3); }
::-webkit-scrollbar-track {  background-color: var(--color2);}
::-webkit-scrollbar-track-piece { background-color: var(--color3);}
::-webkit-scrollbar-thumb { height: 50px; background-color: var(--color2); border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}

/*--------------- -----------------*/



@media screen and (max-width: 1024px) {
article {column-count:2; column-gap: 50px; column-rule: 5px dotted var(--color1); }
p {font-size:14px}
.caps {flex-flow:row wrap;}
.caplogo {max-width:100%; padding:10px 0px;  float:none; text-align:center}
.caplogo img {width:auto; padding:0px; text-align:center !important}
.social{float:none; display:block; padding:10px 0px}
.bloxx{flex-flow:column wrap;}
.blox{width:100%; display:block}
}



@media screen and (max-width: 660px) {	
article {column-count:1; column-gap: 0px; column-rule: 0px dotted #ccc; }
.can{position:absolute; top:33px; left:87px; z-index:}
.bigvideo {height:300px; }
.logo {width:90%; padding:10px 0px; transition: var(--trans); position:relative }
.logo img {max-width:350px;}
.logo:hover {transform:translateX(0px); }
p {padding:5px}





#pric {font-size:11px;}
#pric td{ padding:5px;}


.fews {flex-flow:row wrap }
.cata .desc {padding:5px 0px; }
.cata h4{font:12px 'Roboto';}

.a10 {flex-flow:row wrap;}
.cap {display:block; padding:10px 0px; margin:0; text-align:center; width:100%; max-width:100%;}
.ta{ padding:5px 5px; }
.ta img{ margin-right:3px; }
.ta a{font-size:1rem; }

.cl,.cr {margin:0px 0px; display:inline-block}

.wrapper{ padding:20px 0px;}
.fixed{position:relative;}
.icons {width:100%; max-width:150px; display:inline-block; margin:0px; padding:0}
.icons img {background-size:contain !important}
.icons h4 {font:bold 12px 'Roboto'; letter-spacing:0}
.icons p {font:12px 'Roboto'; letter-spacing:0}
.inner0 {padding:5px 5px;}

.bloxx{flex-flow:column wrap;  }



h1 {font-size:28px; }
h2 {font-size:22px;}
h3 {font-size:16px;}
h3:before, h3:after{ content: ""; display: none;}	
h4 {font-size:18px;}
h5.y {font:16px 'Roboto'; font-weight:600; color:var(--color4); text-align:center; }
p{font-size:14px}
#xleft {float:left; text-align:center; padding:3%}
#xleft img {float:none !important}
#xright {float:left;text-align:left; padding:3%; text-align:center}
#form {width:80%; text-align:center}


.tt {display:none;}
.inner {text-align:center; }
.inner img {width:90% !important; text-align:center;}
.inner0 img {width:auto; max-width:90% !important; height:auto !important; text-align:center;}
.inner0 img.x {width:10px !important;}
textarea { max-width:330px; margin-top:3px}



a.butt, input[type=submit]{font-size:14px; padding:5px 10px;}
.sidemenu{ right:0px;}
}