/***********************
* Colors
***********************/
:root {
    --clr-11: #04459d; /*0980ff*/
    --clr-12: #05338c;
    --clr-13: #0497db;/* 3f608b / 516d94 */
    --clr-21: #201F20; /*292929*/
    --clr-22: #5f5f60; 
    --clr-23: #6d6d6e; 
  }

.b-shadow-o {box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5);}
.b-shadow-i {box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5) inset;}

.PageTitle {text-align: center; background: white; padding-top:10px;}
.PageTitle>* {font-size: 2rem; font-weight: 600;text-transform: uppercase; border-bottom: 2px solid rgba(0,0,0,.3);  padding-bottom: 7px;  display: inline-block;width: 80%;line-height: 1;min-width: 350px; max-width: 1400px;}
@media (max-width:800px) {.PageTitle>* {font-size: 1.3rem;}}

.content-page {background: white;}
.content-page>div {max-width: 1280px; margin: 0 auto; padding:40px 10px;}

.lh {line-height:1;}

/***********************
breadcrumbs
***********************/
.breadcrumbs {background: white;}
.breadcrumbs>ul {display:flex;color:var(--clr-11);font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px;opacity: .5}
.breadcrumbs>ul>li {list-style: none;margin: 0 3px;}
.breadcrumbs>ul>li:last-child {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breadcrumbs>ul>li>a {text-decoration: none;color: rgba(0, 0, 0,.3);}
.breadcrumbs>ul>li>a:hover {color:#0E8DCC;}
.breadcrumbs>ul>li>a>span {}

/***********************
header
***********************/
header {position: relative;height: 100vh;}
header>.h-bg {position: fixed;/**/ top:0; left: 0; right: 0; z-index: -1;height: 100%;/*min-height: 50vh;*/ }
/*header>.h-bg:before {content:''; position: absolute; top:0; left: 0; right: 0; background: rgba(0,0,0,.1); height: 100%;}*/
header>.h-bg img {max-height:100%; width:100%; object-fit: cover;/*! object-position: center; */height:100vh;}
/**/
header>.h-cont {/*z-index: 3;*/ width:80%; margin:0 auto;height: 100%; display: flex;  flex-direction: column;}
header>.h-cont>div:first-child {}
header>.h-cont>div:first-child>.h-logo {padding:10px;display: flex;}
header>.h-cont>div:first-child>.h-logo>a {display: flex;   align-items: center;}
header>.h-cont>div:first-child>.h-logo>a>img {width: 300px;min-width: 220px;/*padding: 10px;*/max-width:100%;}
/*header>.h-cont>div:first-child>.h-logo>div>span {color:#3c85da; font-size: 2rem; text-shadow: 1px 1px 4px rgba(255,255,255,.3);border-bottom:1px solid; padding:7px 0;display: none;}*/
/**/
header>.h-cont>div:first-child>.h-menu {display: flex;   align-items: center;}
header>.h-cont>div:first-child>.h-menu>nav {width: 100%;}
header>.h-cont>div:first-child>.h-menu>nav>ul {display:flex;align-items: center;justify-content: space-around;}
header>.h-cont>div:first-child>.h-menu>nav>ul>li {list-style: none;}
header>.h-cont>div:first-child>.h-menu>nav>ul>li>a {color:white; font-weight: 600;border:1px solid transparent;padding: 5px 10px;border-radius:5px;}
header>.h-cont>div:first-child>.h-menu>nav>ul>li>a:hover {background: var(--clr-21); border:1px solid white;display: block;}/*var(--clr-23)*/
/**/
header>.h-cont>div:first-child>.h-menu>nav>ul>li.active a {background: var(--clr-21); border:1px solid white;display: block;}
/**/
header>.h-cont>div:last-child {max-width: 90%; margin: 0 auto;justify-content: center; align-items: center; display: flex;/*! height:100%; */flex-grow: 1;}
header>.h-cont>div:last-child>div {width: 500px; margin: 0 auto;color:white;}
header>.h-cont>div:last-child>div>strong, header>.h-cont>div:last-child>div>h1 {display: block; text-align: center; font-size: 2rem; padding: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
header>.h-cont>div:last-child>div>span {display: block; padding: 10px;text-shadow: 0px 0px 2px rgba(0,0,0,.5);}
header>.h-cont>div:last-child>div>a {position:relative; background: var(--clr-21); color:white; border:1px solid white; text-align: center; display: block; padding: 15px 0; width:100%;margin-top: 10px;overflow:hidden;border-radius:5px;}
header>.h-cont>div:last-child>div>a:hover {background: var(--clr-23);}
header>.h-cont>div:last-child>div>a:before {content: "";   position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-image: url('../img/btn_animation.png'); background-repeat: no-repeat !important; animation: 3s infinite slide;}
@keyframes slide {
  0% {left:-100%}
  100% {left:100%}
}
@media (max-width:1000px) {
  header>.h-cont {width:100%;}
  header>.h-cont>div {padding: 0 10px;}
  header>.h-cont .h-logo {width:30%;}
  header>.h-cont .h-menu {width:70%;}
  header>.h-cont>div:first-child>.h-logo {padding:3px;}
}
@media (max-width:800px) {
  .h-menu .desctopmenu {display: none;}
  .h-menu .mobilemenu {display: block;text-align:center;margin: 0 auto;}
  header>.h-cont .h-logo {width: 65%!important;}
  header>.h-cont .h-menu {width: 35%!important;}
}
@media (max-width:450px) {
    header>.h-cont>div:last-child>div>strong, header>.h-cont>div:last-child>div>h1{font-size: 2.2rem; line-height: .9;}
    header>.h-cont>div:last-child>div>span {text-shadow: 1px 1px 1px rgba(0,0,0,.8); font-size: 1.2rem;}
    header>.h-cont>div:last-child>div>a:last-child {display: block!important;}
}
/* in page */
header.inpage {position: relative;height: 50vh;min-height: 350px;max-height:600px;}

/***********************
* MENU
***********************/
.ovfh {overflow:hidden;}
.optbl-bg:before {content:''; position: absolute; top:0; left: 0; right: 0; background: rgba(0,0,0,.5); height: 100%;}
.mobilemenu {display: none;}
/*.mobilemenu>a {} .mobilemenu>a>i {font-size: 2rem;}*/
.mobilemenu>a>svg {width: 50px;}
/**/
.iopenMM {background: rgba(255,255,255,.8);}
.ViewMobileMenu {display: none;position: fixed; top:94px;left:0;right: 0;bottom: 0;z-index:9;background: rgba(255,255,255,.8);}
.ViewMobileMenu.ViewMM {display: block!important;overflow: auto;}
.ViewMobileMenu.ViewMM>ul {width: 100%; margin: 0 auto;padding: 20px 10px;text-align: center;}
.ViewMobileMenu.ViewMM>ul>li {list-style: none;padding: 10px;}
.ViewMobileMenu.ViewMM>ul>li>a {background: #333; width: 250px;display: block;margin: 0 auto;padding: 10px 0;border-radius: 5px;border: 1px solid black; color:white;}
.ViewMobileMenu.ViewMM>ul>li>a:hover {background: white;color:#333;border: 1px solid #333;}
.dopmobmenu {margin-top:-20px!important;}
.dopmobmenu a {background: var(--clr-11)!important; border: 1px solid var(--clr-12)!important;}
.dopmobmenu a:hover {background: white!important;}

/***********************
nashi preimushestva
***********************/
.prst {padding:20px 0;background: white;}
.prst>div {width: 90%; margin:0 auto;justify-content: center;}
.prst>div>div {width: calc(25% - 2%); margin: 10px 1%; padding:10px;text-align:center;min-width:250px; max-width: 380px; flex-grow: 0;flex: 1 1 20%;}/*flex: 1 1 0px; flex-grow: 1;*/
.prst>div>div>div:first-child {padding:10px;position:relative;}
.prst>div>div>div:first-child>img {width: 60%;/*filter: drop-shadow(20px 0px 15px rgba(119, 119, 119, 0.6));*/}
.prst>div>div>div:first-child>i {position: absolute; bottom: 10%; right: 25%;font-size: 2.5rem;background: var(--clr-21);border-radius: 50%; padding: 10px;color: var(--clr-13);box-shadow: -1px -1px 1px 10px rgba(255,255,255,.8);}
.prst>div>div>div:last-child>a {width: 80%; display: block; margin: 0 auto;}
.prst>div>div>div:last-child>a h3 {color:var(--clr-11);}
.prst>div>div>div:last-child>span {width: 80%; display: block; margin: 0 auto;font-size:.8rem;color:var(--clr-23);}
@media (max-width:900px) {
  .prst>div {width: 95%; }
}
@media (max-width:550px){
  .prst>div {width: 98%;}
  .prst>div>div {width: 100%;display: flex;margin: 5px 1%; padding:5px;}
  .prst>div>div>div:first-child {width: 20%;min-width: 80px;padding:5px;}
  .prst>div>div>div:first-child>img {display: none;}
  .prst>div>div>div:first-child>i {position: static;}
  .prst>div>div>div:last-child {text-align: left;width:80%;}
  .prst>div>div>div:last-child>a {width: 100%;}
  .prst>div>div>div:last-child>span {width: 100%;}
}

/***********************
prst-v2
***********************/
.prst-v2 { background:white;padding:10px 0;}
.prst-v2>div {max-width: 1800px; margin: 0 auto;justify-content:space-around;}
.prst-v2>div>div {width: calc(25% - 2%);min-width:320px;display: flex;  align-items: center;margin: 15px 1%;flex-grow: 3;}
.prst-v2>div>div>div:nth-child(1) {padding: 5px;}
.prst-v2>div>div>div:nth-child(1)>i {font-size: 3.5rem;padding: 5px;} 
.prst-v2>div>div>div:nth-child(2) {padding: 5px;}
.prst-v2>div>div>div:nth-child(2)>a {color:#555}
.prst-v2>div>div>div:nth-child(2)>a>h3 {}
.prst-v2>div>div>div:nth-child(2)>span {font-size: .9rem;}

@media (max-width:600px) {.prst-v2>div {width:90%;}}

/***********************
oblast primeneniya
***********************/
.oblprim {padding: 30px 0;/*background:var(--clr-11);*/ color:white; background: linear-gradient(90deg, rgba(32,31,32,1) 35%, rgba(91,91,92,1) 100%);}
.oblprim>div {width: 80%; margin: 0 auto;}
.oblprim>div>div {}
.oblprim>div>div:nth-child(1) {}
.oblprim>div>div:nth-child(1) h2 {text-align: center;padding: 10px;text-transform: uppercase;}
.oblprim>div>div:nth-child(2) {padding: 20px 0;}
.oblprim>div>div:nth-child(2)>span {}
.oblprim>div>div:nth-child(3) {background: white;display: flex;flex-wrap:wrap;padding: 20px 0;margin: 10px 0;box-shadow: 0px 0px 4px 1px rgba(0,0,0,.5);border-radius:4px;}
.oblprim>div>div:nth-child(3)>div {color:var(--clr-22);width: calc(100% / 6); text-align: center;min-width: 120px;flex-grow: 3;}
.oblprim>div>div:nth-child(3)>div>i {display: block;font-size: 4.5rem;}
.oblprim>div>div:nth-child(3)>div>span {font-weight:600;padding:10px 0;display:block;}
@media (max-width:1000px) {
  .oblprim>div>div:nth-child(3)>div>i {display: block;font-size: 3.5rem;}
  .oblprim>div>div:nth-child(3)>div>span {font-weight:600;font-size: .9rem;}
}

/***********************
 page articles - list
***********************/
.pageArticlesList {background:white;/*padding:40px 0;*/}
.pageArticlesList>div {width: 90%; margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.pageArticlesList>div>div {width: 25%;flex: 1 1 25%;min-width: 250px;max-width:400px;}
.pageArticlesList>div>div>div {margin: 20px; border-radius: 20px;overflow: hidden;transition: .5s all;box-shadow: -1px 5px 20px 0px rgba(81, 89, 100, 0.1);}
.pageArticlesList>div>div>div>img {display: block;object-fit: cover;width:100%; height:200px;}
.pageArticlesList>div>div>div>a {display: block;padding: 5px;width: 95%; margin: 0 auto;color:#333; font-weight: 600;font-size: 1.1rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pageArticlesList>div>div>div>a:before { margin-right:5px; text-decoration: inherit;  font-family: FontAwesome;content:'\f101';} 
.pageArticlesList>div>div>div>span {display: block;padding-bottom:10px;width: 95%; margin: 0px auto;}
.pageArticlesList>div>div>div:hover {transform: scale(1.02);box-shadow: -1px 5px 20px 0px rgba(81, 89, 100, 0.4);}

/***********************
 Index last articles
***********************/
.iart {padding:40px 20px;background: white;overflow: hidden;position: relative;}
.iart .swiper-articles-list {/*margin: 20px 0;padding: 40px 0;*/}
.iart .swiper-articles-list .swiper-slide {width: 350px!important; height: 300px!important;display: block;}
.iart .swiper-articles-list .swiper-slide>div {/*margin: 20px;*/ border-radius: 20px;overflow: hidden;transition: .5s all;box-shadow: -1px 5px 20px 0px rgba(81, 89, 100, 0.1);}
.iart .swiper-articles-list .swiper-slide>div>img {display: block;object-fit: cover;width:100%; height:200px;}
.iart .swiper-articles-list .swiper-slide>div>a {display: block;padding: 5px;width: 95%; margin: 0 auto;color:#333; font-weight: 600;font-size: 1.1rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iart .swiper-articles-list .swiper-slide>div>a:before { margin-right:5px; text-decoration: inherit;  font-family: FontAwesome;content:'\f101';} 
.iart .swiper-articles-list .swiper-slide>div>span {display: block;padding-bottom:10px;width: 95%; margin: 0px auto;}
.iart .swiper-articles-list .swiper-slide>div:hover {transform: scale(1.02);box-shadow: -1px 5px 20px 0px rgba(81, 89, 100, 0.4);}
.iart .swiper-pagination {padding: 10px 0;}

/***********************
 index FOS 
***********************/
.ifos {min-height: 300px;justify-content: center; align-items: center; display: flex; margin:0 auto;padding: 0 10px;}
.ifos>div {padding: 50px 0;}
.ifos>div>h3 {color:white; font-size: 2rem; display: block;padding: 10px 0;text-transform: uppercase;}
.ifos>div>span {color:white;padding: 10px 0;display: block;}
.ifos>div>div {background:var(--clr-21);margin: 10px auto; box-shadow: 0px 0px 4px 1px rgba(0,0,0,.5);border-radius: 2px; max-width: 90%;}
.ifos>div>div>form {padding: 35px 20px;display: flex; flex-wrap: wrap;box-sizing: border-box}
.ifos>div>div>form>input {margin: 5px; flex: 1 0 calc(100% / 3 - 10px);}
.ifos>div>div>form>input[type="text"] {height: 50px;font-size: 1.2rem;padding: 15px;box-shadow: 0 5px 5px 0 rgba(0,0,0,.15);border-radius: 5px;border: none;min-width: 300px;}
.ifos>div>div>form>input[type="button"] {height: 50px;font-size: 1.2rem;padding: 15px;box-shadow: 0 1px 6px 0 rgba(255,255,255,.3);border-radius: 5px;border: none;min-width: 300px;background: linear-gradient(90deg, var(--clr-21) 35%, var(--clr-23) 100%);color:white;}
.ifos>div>div>form p {font-size: 1.6rem; color: white;text-align: center; padding: 10px;}

/***********************
vopros-otvet
***********************/
.vopot {background: white;padding: 50px 0;}
.vopot>div {width: 80%; min-width:350px; margin: 0 auto;}
.vopot>div>h2 {text-align: center; color: var(--clr-21);padding: 20px;text-transform: uppercase; font-size:1.8rem;}
.vopot>div>a { background: var(--clr-21); color:white; text-align: center; display: block; padding: 15px 0; width:100%;margin-top: 10px;overflow:hidden;border-radius:5px;max-width:300px; margin:0 auto;border:1px solid var(--clr-23);}
.vopot>div>a:hover {background: var(--clr-23);}
.vopot>div>div {padding:20px 0; max-width: 1280px; margin: 0 auto;}
.VoprosOtverRow>details {border: 1px solid #e2e2e2;border-radius: 8px;background: #f8f8f8;padding: 10px 20px;margin-bottom: 20px;box-shadow: 0px 0px 5px -2px rgba(0,0,0,.3);}
.VoprosOtverRow>details>summary {padding: 10px 0px;font-size: 1.1rem;color:var(--clr-12);cursor:pointer;}
.VoprosOtverRow>details>div {padding: 20px;}
.VoprosOtverRow>details>div p {padding: 5px 0px;}
.VoprosOtverRow>details>div ul, .vopot>div>div>details>div ol {padding: 10px 20px; }
.VoprosOtverRow>details>div ul>li, .vopot>div>div>details>div ol>li {padding: 2px 5px;}
@media (max-width:650px) { .vopot>div {width: 90%;}}
.VoprosOtverRow>details>div>.vp-vo {display: block;color:rgba(0,0,0,.3);font-size: .8rem;padding:10px 0;}
.VoprosOtverRow>details>div>.vp-vo:hover {color:rgba(0,0,0,.8);}

/***********************
otzivi
***********************/
.iterms {/*background: white;*/ background: url("../img/bg/bg-bx.png");}
.iterms>div {width: 90%; margin: 0 auto;padding: 40px 0;position: relative;}
.iterms>div>h2 {text-align: center; color: var(--clr-21);padding: 20px;text-transform: uppercase; font-size:1.8rem;}
.iterms>div>.DescTerm {display: flex; flex-wrap: wrap;}
.iterms>div>.DescTerm>div {min-width:290px;width: calc(100% / 3 - 2% ); flex: 1 0 calc(100% / 3 - 2%);margin: 10px 1%;background: #f8f8f8;padding: 25px;border-left:5px solid var(--clr-12); border-radius: 4px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.4)}
.iterms>div>.DescTerm>div>p {display:block;padding:5px;}
.iterms>div>.DescTerm>div>span {color:var(--clr-23);padding:10px 0; display:block;margin-left:5%;}
.iterms>div>.DescTerm>div>span>i {}
.iterms>div>.DescTerm>div>span>small {}
@media (max-width:900px) {
  .iterms .DescTerm {display: none!important;;}
  .iterms .SliderTerm {display: block!important;}
}
.iterms>div>.SliderTerm {display:none;overflow:hidden;}
.iterms>div>.SliderTerm .swiper-slide {background: #f8f8f8;padding: 25px;border-left:5px solid var(--clr-12); border-radius: 4px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.4)}
.iterms>div>.SliderTerm .swiper-slide>p {}
.iterms>div>.SliderTerm .swiper-slide>span {}
.iterms>div>.SliderTerm .swiper-slide>span>i {}
.iterms>div>.SliderTerm .swiper-slide>span>small {}
.iterms>div>.SliderTerm .swiper-pagination {padding: 10px;}

/***********************
contact info
***********************/
.contactinfo {background: white;display: flex; flex-direction: column;}
.contactinfo>div:first-child {order: 2;}
.contactinfo>div:first-child iframe {}
.contactinfo>div:last-child { margin: 0 auto;display:flex;padding:40px 0;order: 1;width:100%}
.contactinfo>div:last-child>div {width: calc(25% - 2%);margin: 0 auto;}
.contactinfo>div:last-child>div>a {display: block;text-align: center;color:var(--clr-22);}
.contactinfo>div:last-child>div>a:hover {color:var(--clr-21);}
.contactinfo>div:last-child>div>a>i {display: block;font-size: 4rem;padding: 5px 0;}
.contactinfo>div:last-child>div>a>span {display: block;padding: 5px 0;}

/***********************
swiper-gallery
***********************/
.swgali {padding:40px 20px;background: white;}
.swgali .swiper-gallery-list {/*margin: 20px 0;*/padding: 40px 0;}
.swgali .swiper-gallery-list .swiper-slide {width: 350px!important; height: 300px!important;display: block;}
.swgali .swiper-gallery-list .swiper-slide img {width:100%; height:100%;display:block;object-fit: cover;box-shadow:1px 1px 5px 1px rgba(0,0,0,.4);}


/***********************
Page Article
***********************/
.articlepage {}
.articlepage>div:first-child {float: left; padding: 10px;}
.articlepage>div:first-child>img {display: block; padding: 10px;max-width: 500px;}
.articlepage>div:last-child {}
@media (max-width:700px) {
  .articlepage>div:first-child {float: none;}
  .articlepage>div:first-child>img {width: 100%;margin: 0 auto;}
  .articlepage>div:last-child {padding: 0 5px;}
}
.articlepage p {padding: 5px 0;}
.articlepage strong {margin-top:10px;}
.articlepage ul,.articlepage ol {padding-left: 25px;}
.articlepage ul>li,.articlepage ol>li  {}


/***********************
Page o-nas
***********************/
.page-onas {}
.page-onas>div:first-child {float: right;padding: 10px;}
.page-onas>div:first-child>img {max-width: 200px;display: block;}
.page-onas>div:last-child {}
.page-onas>div:last-child>p {padding:5px 0;}
@media (max-width:600px) {.page-onas>div:first-child>img {max-width: 100px;}}
.pasport-spirt {text-align: center;margin: -40px auto!important;}
.pasport-spirt>h3 {text-transform: uppercase; }
.pasport-spirt>p {padding:10px;display: block;}
.pasport-spirt>img {border:1px solid grey;padding: 10px;display: block; margin: 0 auto;max-width: 80%;min-width: 400px;margin-top:10px;}

/***********************
Page contacts
***********************/
.page-contacts {}
.page-contacts>div {width: calc(100% / 3 - 20px); margin: 10px;text-align: center;min-width: 200px; }
.page-contacts>div>i {display: block; font-size: 4rem; padding: 10px;}
.page-contacts>div>span {padding: 5px;display: block;}
.page-contacts>div>span>b {padding: 5px;display:block;}
.page-contacts>div>span>p {padding: 2px;}
.page-contacts>div>span>p a {color:#333; }
.page-contacts>div>span>p a:hover {text-decoration: underline;color:#999;}
@media (max-width:700px) {
  .page-contacts>div {width: 400px!important;display: flex; text-align: left;margin: 10px auto;}
}

/***********************
tovar-list
***********************/
.tovar-list { background: white; padding: 30px 0;}
.tovar-list>div {align-items: center;justify-content: space-around; max-width: 1800px; margin: 0 auto}
.tovar-list>div>div {max-width:350px;min-width:180px;width:calc(25% - 2%);margin: 10px 1%; text-align: center;padding:10px;border-radius: 12px; border: 1px solid #ededed;}
/**/
.tovar-list>div>div>div:nth-child(1) {}
.tovar-list>div>div>div:nth-child(1)>img {width:80%;display: block; margin: 0 auto;}
/**/
.tovar-list>div>div>div:nth-child(2) {}
.tovar-list>div>div>div:nth-child(2)>a {}
.tovar-list>div>div>div:nth-child(2)>a>strong {padding:8px 0;display: block;color: #0153d3;}
/**/
.tovar-list>div>div>div:nth-child(3) {background: #f8f8f8; padding: 10px 5px;border-radius: 12px;}
.tovar-list>div>div>div:nth-child(3)>.fa-bus {font-size:.9rem;}
.tovar-list>div>div>div:nth-child(3)>.fa-rub {font-size:.9rem;}

@media (max-width:900px) {
  .tovar-list>div>div {width:calc(50% - 2%);}
  .tovar-list>div>div>div:nth-child(3)>.fa-bus {font-size:.8rem;}
  .tovar-list>div>div>div:nth-child(3)>.fa-rub {font-size:.8rem;}
}
@media (max-width:550px) and (min-width:381px){
  .tovar-list>div>div>div:nth-child(2)>a>strong {font-size: .9rem;}
  .tovar-list>div>div>div:nth-child(3) {display: block!important;}
  .tovar-list>div>div>div:nth-child(3)>.fa-bus {font-size:.9rem;width: 100%;}
  .tovar-list>div>div>div:nth-child(3)>.fa-rub {font-size:.9rem;width: 100%;}
}
@media (max-width:380px) {
  .tovar-list>div>div {width:calc(90% - 2%);}
}

/***********************
tovar-page
***********************/
.tovar-page {}
.tovar-page>div {}
.tovar-page>div>.w50:nth-child(1) {padding: 10px;}
.tovar-page>div>.w50:nth-child(2) {padding: 10px;}
.tovar-page>div>.w50:nth-child(2) >div {padding: 30px 30px 20px 30px; background: #fafafa; border-left: 1px solid #eaeaea;  border-right: 1px solid #eaeaea;}

.tovar-pinfo {}
.tovar-pinfo>span {display: block; padding: 6px;}
.tovar-pinfo>span:nth-child(1) {font-size: 1.5rem;}
.tovar-pinfo>span:nth-child(2) {font-weight: 600;color:green;}
.tovar-pinfo>span:nth-child(3) {font-weight: 600;}
.tovar-pinfo>span:nth-child(4) a {color:#333;}
.tovar-pinfo>span:nth-child(5) {}

@media (max-width:700px) and (min-width:551px){
  .tovar-pinfo>span:nth-child(1) {font-size: 1.25rem;}
  .tovar-page>div>.w50:nth-child(1) {width: 30%}
  .tovar-page>div>.w50:nth-child(2) {width: 70%;}
}

@media (max-width:550px) {
  .tovar-page>div {display: block;margin:0 auto; text-align:center;}
  .tovar-page>div>.w50{width:100%;}
}

/***********************
footer
***********************/
footer {background:#1A1D23;padding: 20px;text-align: center;color:var(--clr-23);}
footer>div {padding: 10px;}