/*************************
* Header - разметка
**************************/
header.index {position: relative;width: 100%; min-height: 100vh;}
/**/
header.index>video {position: fixed; /*right: 0; bottom:0; */ min-height: 100%;min-width: 100%; top: 50%; 	left: 50%; transform: translateX(-50%) translateY(-50%);z-index:-1;} /*vh*/
/**/
header.index>.h-content:before {content: ""; background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1;width: 100%; height: 100%;z-index: -1;}
header.index>.h-content {z-index:1;padding: 10px;}

/*************************
* Header - контент
**************************/
header.index>.h-content>.top {display:flex;justify-content: space-between; align-items: center; }
header.index>.h-content>.top>div {width:22%;min-width:280px;}
header.index>.h-content>.top>div>a {display: block;}
header.index>.h-content>.top>div>a>img {width: 100%;display: block;}
header.index>.h-content>.top>nav {margin-right:4%;}
header.index>.h-content>.top>nav>ul {display:flex;}
header.index>.h-content>.top>nav>ul>li {list-style:none;padding:0 10px;}
header.index>.h-content>.top>nav>ul>li>a {color:white;}
/**/
header.index>.h-content>.bottom {color:white; min-height: 50vh;}
header.index>.h-content>.bottom>.t-left {}
header.index>.h-content>.bottom>.t-left h3 {padding-top: 20px; text-align: center;  margin-bottom: 18px; font-size: 17pt;}
header.index>.h-content>.bottom>.t-left span {text-align: center;display: block;}
header.index>.h-content>.bottom>.t-right {}
header.index>.h-content>.bottom>.t-left .time-head {font-size:35pt;text-align: center;padding: 5px;}
header.index>.h-content>.bottom>.t-left .date-head {margin: 0 0 10px 0;text-align: center;padding: 5px;}
header.index>.h-content>.bottom>.t-right .bi {background: rgba(184, 184, 184, 0.8); display: inline-block;text-align: center;min-width: 200px;border-radius: 10px; padding:1%;max-width:480px;}
header.index>.h-content>.bottom>.t-right .bi>div {padding: 5px;}
header.index>.h-content>.bottom>.t-right .bi p {color: #323030;margin: 5px; font-size: 22px;line-height: 1.3;}
header.index>.h-content>.bottom>.t-right .bi a {}
/*ipage*/
header.ipage {display:flex;justify-content: space-between; align-items: center;background: rgba(89, 89, 89, 1);}
header.ipage>div {width:22%;min-width:280px;}
header.ipage>div>a {display: block;}
header.ipage>div>a>img {width: 100%;display: block;}
header.ipage>nav {margin-right:4%;}
header.ipage>nav>ul {display: flex;}
header.ipage>nav>ul>li {list-style:none;padding:0 10px;}
header.ipage>nav>ul>li>a {color:white;}
/**/
#mobile-menu {}
#mobile-menu nav {}
#mobile-menu nav>ul {width:200px; margin:0 auto;}
#mobile-menu nav>ul>li {list-style: none;}
#mobile-menu nav>ul>li>a {display: block;   text-align: center;    border: 1px solid green;    margin: 5px 0;    padding: 5px 10px;color: #2a9515;}

/*BTN*/
.btn-g {display: block; text-align: center; margin: 10px auto; width: 220px; text-decoration: none; color: white; padding: 10px 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); background: linear-gradient( to top, #2a9515 1%, #0e9b10 2%,#70f26d 100%); box-shadow: 15px 10px 30px -6px #000000;}
.btn-b {display: block; text-align: center; margin: 10px auto; width: 220px; text-decoration: none; color: white; padding: 10px 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);background: linear-gradient( to top, #000 1%, #000 55%,#e0f3df 100%);  box-shadow: 15px 10px 30px -6px #000000;}
A:hover.btn-g {background: linear-gradient( to top, #2a9515 20%, #0e9b10 30%,#70f26d 100%);text-decoration: none;}
A:active.btn-g {box-shadow: -31px -31px 35px -10px #64f300 inset;text-decoration: none;}
/**/
.line-g {text-decoration: underline;   text-decoration-color: currentcolor; text-decoration-color: #4aaf47;}
hr.hr-gline { padding: 10px auto;  height: 5px;  border: none !important; background: linear-gradient(to right, white, rgba(192,192,192, 0.5), white), linear-gradient(to bottom, white, rgba(80,80,80, 0.6), white);}
.tc-white {color:white;}
.tc-black {color:black;}
.bg-white {background:white;}
.b-title {text-decoration: underline; text-decoration-color: currentcolor; text-decoration-color: #4aaf47; text-align: center; padding: 10px;font-size:1.4rem;}
.page-title {text-decoration: underline; text-decoration-color: currentcolor; text-decoration-color: #4aaf47; text-align: center; padding: 20px 0;font-size:1.4rem;display: block; }
.bg-3 {background: url('../img/bg-3.jpg') no-repeat center center;   background-size: auto; background-size: cover; color: white; width: 100%;}
.bg-5 { background: url('../img/bg-5.jpg') no-repeat center center;   background-size: auto;  background-size: cover;  color: white;  width: 100%;  position: relative;  Z-index: 1;}
.bg-pb:before {content: ""; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1; width: 100%; height: 100%; z-index: -1;}

/*************************
* section 1
**************************/
.opr {padding: 10px;}
.opr>div {margin: 1% 0;padding:5px 0;}
.opr .w50 {}
.opr .w50 img {text-align: center; display: block;width:300px;margin: 0 auto;box-shadow: 0px 0px 10px 0px #000;border-radius:10px;}


/*************************
* section 2
**************************/
.svresh {padding:1% 0;}
.svresh .inner {padding: 10px;}
.svresh .inner b {padding: 10px;display: block;text-align: center}
.svresh .inner img {max-width: 400px;display: block; margin: 15px auto;  border-radius: 10px;  box-shadow: 0px 0px 20px 2px #000;  height: 250px;  filter: brightness(80%);max-width: 100%;object-fit: cover;  object-position: center;}


/*************************
* section 3
**************************/
.cevepo {padding:1% 0;}
.cevepo .w33 {text-align:center;padding: 20px 10px;min-width:240px;  flex: 1 0 calc(30%);  margin: 8px 1%;  position: relative;}
.cevepo .w33>img {display: block;padding:10px;width:170px;margin: 0 auto;}
.cevepo .w33>b {display: block;width:80%; margin:0 auto;}
.cevepo .w33>span {display: block;width:80%; margin:0 auto;}


/*************************
* section 4
**************************/
.viinmin {padding:1% 0;}
.viinmin>div {padding: 10px;}
.viinmin>div>p {padding: 20px;}


/*************************
* section 5
**************************/
.bstatbp {padding:20px 10px;}
.bstatbp .w50:first-child {text-align: center;}
.bstatbp .w50:first-child p {text-decoration: underline;    text-decoration-color: currentcolor;  text-decoration-color: #4aaf47;  margin-bottom: 18px;  font-size: 17pt;}
.bstatbp .w50:last-child {padding: 10px;}
.bstatbp .w50:last-child img {display: block; width: 400px; margin: 0 auto;border-radius: 10px;  box-shadow: 0px 0px 8px -2px #000;}
@media (max-width:1100px)  {
  .bstatbp .w50:first-child p {text-decoration: underline;    text-decoration-color: currentcolor;  text-decoration-color: #4aaf47;  margin-bottom: 15px;  font-size: 14pt;}
}
@media (max-width:890px)  {
  .bstatbp>div {flex-wrap:wrap;}
  .bstatbp>div>.w50 {width:100%;margin: 1% 0;padding: 5px 0;}
  .bstatbp>div>.w50:first-child {order:2;}
  .bstatbp>div>.w50:last-child {order:1;}
}


/*************************
* footer
**************************/
footer {background: rgba(89, 89, 89, 1); color:white;padding:10px;}
footer .w33 {padding: 10px;min-width:260px; flex: 1 0 calc(100% / 3);}
footer .w33>.f-logo {}
footer .w33>.f-logo>img {}
footer .w33>.f-text {}
footer .w33>.f-link {text-align: center;}
footer .w33>.f-link>a {padding: 5px; display: inline-block;color: #2a9515;}
/**/
footer .f-info3 {}
footer .f-info3>h5 {font-size: 15pt;padding: 5px 0;}
footer .f-info3>div {}
footer .f-info3>div>a {display: block;color:white;margin: 10px 0;  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

/*************************
* page-content
**************************/
.page-content {/*padding:1% 0;*/}
.page-content p {padding:5px 0;}
.page-content ul {}
.page-content ul>li {}
.page-content ol {padding: 10px;}
.page-content ol>li {padding: 10px;}

/*vmintro */
.vmintro  { padding:10px 0;}
.vmintro>.w50 { padding:10px;}
.vmintro>.w50>video {width:80%; min-width:280px;box-shadow:0px 0px 5px 1px gray; padding:10px;margin:0 auto;display:block;}

/*p-contacts*/
.p-contacts {}
.p-contacts>.w50 {min-width: 300px;padding:2%; flex: 1 0 50%;}
.p-contacts>.w50:first-child {}
.p-contacts>.w50:first-child>h2 {font-size: 1rem;margin: 10px 0;}
.p-contacts>.w50:first-child>span {margin: 10px 0;display: block;}
.p-contacts>.w50:first-child>span>b {}
.p-contacts>.w50:first-child>span>p {}

/* Спойлер */
.spoiler-content{
display:none;  /**скрываем блок контента спойлера**/
padding:10px 20px; /**добавляем внутренний отступ**/
}
/**Стили блока с текстом внутри спойлера**/
.spoiler-content{
display:none;  /**скрываем блок контента спойлера**/
padding:15px 20px; /**добавляем внутренний отступ**/
margin-top:5px; /**отступ сверху**/
}
/**Стили блока оборачивающего каждый блок**/
.spoiler-block{margin-top:10px; }
A.spoiler-name-help {color: #2a9515;text-align: left;display:block; font-size: 13pt;border-bottom: 1px dashed #000080;text-transform: uppercase; font-weight: 600; margin: 5px;}


/*************************
* Form Auth
**************************/
.formauth {width: 360px;margin: 0 auto;}
.formauth>form {border:1px solid green; border-radius: 5px; padding: 10px;}
.formauth>form>label {display: block;display: flex;justify-content: space-between;padding: 5px;align-items: center; }
.formauth>form>label>input[type="text"],.formauth>form>label>input[type="password"]  {padding:5px;}
.formauth>form button  {text-align:center; display:block; margin:10px auto;padding: 5px 10px;  background: #17b317;  border: 1px solid green !important;  color: white;}
.formauth>div {text-align: center;}
.formauth>div>a {color:green;padding: 10px;display: inline-block;}

/*************************
* LK
**************************/
.ViewLK {display: flex;}
.ViewLK>.lk-menu {background: rgba(89, 89, 89, 1); min-width:250px; width:30%; max-width:350px}
.ViewLK>.lk-menu>ul {width:80%; margin: 0 auto;}
.ViewLK>.lk-menu>ul>li {list-style: none;padding: 3px 0;}
.ViewLK>.lk-menu>ul>li>a {padding: 10px;  display: block;  transition: .5s;  background: white;  border: 1px solid green;  font-size: 1.05rem;color: #2a9515;  text-decoration: none;}
.ViewLK>.lk-menu>ul>li>a:hover {text-decoration: none; transition: .5s; background: rgba(0,255,0,.5);  color: white; border: 1px solid white;}
.ViewLK>.lk-menu>ul>li>a.active { background: rgba(0,255,0,.5) !important; color: white; border: 1px solid white !important;}/**СДЕЛАТЬ ВЫДЕЛЕНИЕ**/
.ViewLK>.lk-menu>ul>.lk-uinn {margin-top: 20px;}
.ViewLK>.lk-menu>ul>.lk-uinn>a {border: 1px solid blue !important;  color: blue;}
.ViewLK>.lk-menu>ul>.lk-uinn>a:hover {border: 1px solid white !important;  background: rgba(0,0,255,.3) !important;}
.ViewLK>.lk-content {padding: 10px;width: 100%;}
@media (max-width:980px)  {
  .ViewLK>.lk-menu {display: none;}
  .lk-mobile-menu {display: block!important;}
}
/*LK MM*/
.lk-content {position: relative;}
.lk-mobile-menu {position:absolute; top:0;padding: 10px 0;display: none;}
.lk-mobile-menu>i {font-size:1.4rem;padding:10px 0; }
#lk-mob-menu {}
#lk-mob-menu ul {width:200px; margin:0 auto;}
#lk-mob-menu ul>li {list-style: none;}
#lk-mob-menu ul>li>a {display: block;   text-align: center;    border: 1px solid green;    margin: 5px 0;    padding: 5px 10px;color: #2a9515;}


/*ListInfo*/
.ListRowRev {margin: 15px auto;  width: 95%;  border: 1px solid green;  padding: 15px 10px;  box-sizing: border-box;  display: flex;  justify-content: space-around;  flex-wrap: wrap;   box-shadow: 0px 0px 2px 0px gray;}
.ListRowRev>div {width: 25%;}
.ListRowRev>div>b {color:green;}
.ListRowRev>div>span {}
.ListRowRev>div>a {text-align: center;display: block;cursor:pointer;color:gray;}
.ListRowRev>div>a:hover {color:red;}
.ListRowRev>div>a>i {}
@media (max-width:1200px) AND (min-width:650px)  {
  .ListRowRev>div {text-align: center;}
  .ListRowRev>div:nth-child(1) {width:30%;}
  .ListRowRev>div:nth-child(2) {width:30%;}
  .ListRowRev>div:nth-child(3) {width:30%;}
  .ListRowRev>div:nth-child(4) {width: 5%; min-width: 30px;}
  .ListRowRev>div>b {color:green;display: block;}
}
@media (max-width:649px) {
  .ListRowRev {}
  .ListRowRev>div {width: 100%;padding: 2px;}
}

/*Index page LK */
.infoindexlk {}
.infoindexlk>.blinfo {padding:10px;}
.infoindexlk>.blinfo>b {padding:5px 10px;display: inline-block;}
.infoindexlk>.blinfo>p {padding:5px 5px;}
.infoindexlk>.blstats {padding:10px;}
.infoindexlk>.blstats>div {display:flex; justify-content: space-around; margin: 10px 5px;}
.infoindexlk>.blstats>div>div {padding: 10px;  background: white;  border: 1px solid green;  font-size: 1.05rem;  color: #2a9515;  text-decoration: none;}
.infoindexlk>.blstats>div>div>b {display:block;text-align:center;padding:5px;}
.infoindexlk>.blstats>div>div>span {display:block;text-align:center; font-size:1.5rem;padding:5px;color: gray;}

/*scrusbs page LK */
.pagesubscriptions {}
.pagesubscriptions>.pgscrbinfo {padding: 10px;}
.pagesubscriptions>.pgscrbinfo>div {display: flex; align-items: center; }
.pagesubscriptions>.pgscrbinfo>div>p {width: 80%;}
.pagesubscriptions>.pgscrbinfo>div>a {min-width: 150px;padding: 5px;  border: 1px solid blue;  color: blue;  box-shadow: 0px 0px 1px 0px gray;  text-decoration: none !important;  cursor: pointer;}
.pagesubscriptions>.pgscrbinfo>div>a:hover {border: 1px solid white;  background: blue;  color: white;}
.pagesubscriptions>.ScrubsList {}
.pagesubscriptions>.ScrubsList>.ListRowScrub {margin: 15px auto;  width: 85%;  /*min-width: 700px;*/  border: 1px solid green;  padding: 15px 10px;  box-sizing: border-box;  display: flex;  justify-content: space-around;  flex-wrap: wrap;  width: 100%;}
.pagesubscriptions>.ScrubsList>.ListRowScrub>div {}
.pagesubscriptions>.ScrubsList>.ListRowScrub>div>b {color: #2a9515;}
.pagesubscriptions>.ScrubsList>.ListRowScrub>div>span {}
.pagesubscriptions>.ScrubsList>.ListRowScrub>div>a:first-child {}
.pagesubscriptions>.ScrubsList>.ListRowScrub>div>a:last-child {}
@media (max-width:750px) {
  .pagesubscriptions>.pgscrbinfo>div {flex-wrap: wrap;}
.pagesubscriptions>.pgscrbinfo>div>p {width: 100%;order: 2;}
.pagesubscriptions>.pgscrbinfo>div>a {order: 1; width: 100%; text-align: center;margin: 10px;}
}


/*Last Auth LK*/
.ListLastAuth {margin: 7px auto;  width: 95%;  border: 1px solid green;  padding: 5px;  box-sizing: border-box;  display: flex;  justify-content: space-around;  flex-wrap: wrap;   box-shadow: 0px 0px 2px 0px gray;font-size: .9rem;}
.ListLastAuth>div {text-align: center;}
.ListLastAuth>div:nth-child(1) {width: 20%;}
.ListLastAuth>div:nth-child(2) {width: 20%;}
.ListLastAuth>div:nth-child(3) {width: 60%;}
.ListLastAuth.nowseans {font-weight:600;color:green;}
@media (max-width:700px) {
  .ListLastAuth {flex-wrap: wrap;}
  .ListLastAuth>div {text-align: center; width: 100%!important;}
}

/*AddReviewsForm*/
.AddReviewsForm>form {max-width:400px;margin:0 auto;/*text-align:center;*/}
.AddReviewsForm>form>label {display: block;padding: 5px;border:1px solid rgba(0,0,0,.1);margin: 5px 0;}
.AddReviewsForm>form>label>input {}
.AddReviewsForm>form>select {padding: 5px;border:1px solid rgba(0,0,0,.1);margin: 5px 0;width: 100%;}
.AddReviewsForm>form>select>option {}
.AddReviewsForm>form>.ListStatusSotr {}
.AddReviewsForm>form>.ListStatusSotr>label {display: block;padding: 2px;border:1px solid rgba(0,0,0,.1);margin: 5px 0;}
.AddReviewsForm>form>.ListStatusSotr>label>input {}
.AddReviewsForm>form button { width: 100%; padding: 10px;background: #17b317;  border: 1px solid green !important;color: white;}

#checkcomerceForm {max-width:400px;margin:2% auto;}
#checkcomerceForm>label {display: block;padding: 5px;border:1px solid rgba(0,0,0,.1);margin: 5px 0;}
#checkcomerceForm>label>input {}
#checkcomerceForm  button { width: 100%; padding: 10px;background: #17b317;  border: 1px solid green !important;color: white;}


/*page settings*/
.settingspage> a {color: #2a9515;  text-decoration: none;  border: 1px solid green;  padding: 5px;  box-sizing: border-box;  margin: 5px; cursor: pointer;}
.settingspage> a:hover {text-decoration: underline;}
@media (max-width:850px) {
  .settingspage {margin: 10px 0; display: block;text-align: center;flex-wrap: wrap; }
  .settingspage> a {min-width: 200px;display: block}
}


/*************************
* ADMIN PANEL - MENU
**************************/
.ViewAP {display: flex;}
.ViewAP>.ap-menu {background: rgba(89, 89, 89, 1); min-width:250px; width:30%; max-width:350px}
.ViewAP>.ap-menu>ul {width:80%; margin: 0 auto;}
.ViewAP>.ap-menu>ul>li {list-style: none;padding: 3px 0;}
.ViewAP>.ap-menu>ul>li>a {padding: 10px;  display: block;  transition: .5s;  background: white;  border: 1px solid green;  font-size: 1.05rem;color: #2a9515;  text-decoration: none;}
.ViewAP>.ap-menu>ul>li>a:hover {text-decoration: none; transition: .5s; background: rgba(0,255,0,.5);  color: white; border: 1px solid white;}
.ViewAP>.ap-menu>ul>li>a.active { background: rgba(0,255,0,.5) !important; color: white; border: 1px solid white !important;}/**СДЕЛАТЬ ВЫДЕЛЕНИЕ**/
.ViewAP>.ap-content {padding: 10px;width: 100%;}


/**/
.ap_view_fr {margin: 15px auto;  width: 95%;  border: 1px solid green;  padding: 15px 10px;  box-sizing: border-box;  display: flex;  justify-content: space-around;  flex-wrap: wrap;   box-shadow: 0px 0px 2px 0px gray;}
.ap_view_fr>div {}



/*************************
* nashipartners
**************************/
.nashipartners {padding: 20px 0;}
.nashipartners>h4 {padding: 10px;display: block;}
.swiper-partn {max-width: 100%;overflow: hidden;}
.swiper-partn .swiper-wrapper {padding: 10px 0;}
.swiper-partn .swiper-wrapper a {width: 180px;  height: 180px; display:block; }
.swiper-partn .swiper-wrapper a img   {width: 180px;  height: 180px;object-fit: cover;  object-position: center; padding: 10p}
.swiper-partn .swiper-pagination {position: unset;}


/*************************
* MOBILE
**************************/
.mobile-menu {display: none;}
@media (max-width:1200px)  {
  header.ipage >div:first-child {width: 80%;min-width: 10px;}
  header.ipage >div:first-child>a>img {max-width:350px; }
  header.ipage >div:last-child {width: 20%;min-width: 10px;}
  
  header.index > .h-content > .top > div:first-child {width: 80%;min-width: 10px;}
  header.index > .h-content > .top > div:first-child>a>img {max-width:350px; }
  header.index > .h-content > .top > div:last-child {width: 20%;min-width: 10px;}
  .desctop-menu {display:none;}
  .mobile-menu {display: block;font-size:2rem;color:white;text-align:right; margin-right:4%;}
}

@media (max-width:1000px)  {
  header.index > .h-content > .bottom {flex-wrap: wrap;}
  header.index > .h-content > .bottom>.w50 {width: 100%;margin:10px 0;}
}

@media (max-width:850px)  {
  .opr>div {flex-wrap: wrap;}
  .opr>div>.w50 {width: 100%;margin: 10px 0;}
}

@media (max-width:980px)  {
  .svresh>div {flex-wrap: wrap;}
  .svresh>div>.w33 {width: 100%;}
  .svresh>div>.w33 img {margin: 0 auto;}
}
 
@media (max-width:900px)  {
  .vmintro {flex-wrap: wrap;}
  .vmintro>.w50 {width: 100%;}
}


/**/
label.fst {display: block; border:1px solid #17b31754 ; padding: 5px; margin:5px;}
input.fst {padding:5px;}
button.fst {text-align:center; display:block; margin:10px auto;padding: 5px 10px;  background: #17b317;  border: 1px solid green !important;  color: white;}

/**/
[open-modal] {cursor: pointer;}