/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* Глобальные переменные */

:root {
  /* размеры */

  --max-data-width: 1460px;
  --wrap-data-padding: 1rem;
  --base-font-size: 20px;

  /* цвета */
  --red-color: #db2f30;

  --dark-brown-color: #3d3936;
  --brown-color: #5c5753; 
  --sub-brown-color: #7d6e62; 
  --middle-brown-color: #9c8269;
  --light-brown-color: #cbbdb0;
  --thin-brown-color: #efebe2;
  --super-thin-brown-color: #f8f7f3;

  --white-color: #fff;
  --black-color: #000;
  --dark-color: #333;

  --gray-color: #9b9b9b;
  --dark-gray-color: #696565;
  --middle-gray-color: #a8a8a8;
  --light-gray-color: #ddd;
  --thin-gray-color: #f0f0f0;

  --super-thin-gray-color: #f6f6f6;
  --sub-super-thin-gray-color: #eeeff3;

  --thin-gray-op-color: rgba(54, 54, 54, 0.4);
  --thin-gray-oph-color: rgba(54, 54, 54, 0.75);

  --form-input-color: #edeef0;


  /* фоны */

  --black-bg-95: rgba(0, 0, 0, 0.95);
  --black-bg-90: rgba(0, 0, 0, 0.9);
  --black-bg-85: rgba(0, 0, 0, 0.85);
  --black-bg-75: rgba(0, 0, 0, 0.75);
  --black-bg-50: rgba(0, 0, 0, 0.5);
  --black-bg-40: rgba(0, 0, 0, 0.4);
  --black-bg-25: rgba(0, 0, 0, 0.25);
  --black-bg-15: rgba(0, 0, 0, 0.15);
  --black-bg-10: rgba(0, 0, 0, 0.10);
  --black-bg-5: rgba(0, 0, 0, 0.05);
  --black-bg-025: rgba(0, 0, 0, 0.025);

  --brown-gradient : linear-gradient(to bottom, rgba(186,165,146,1) 100%, rgba(209,196,187,1) 100%);

  --white-bg-95: rgba(255, 255, 255, 0.95);
  --white-bg-85: rgba(255, 255, 255, 0.85);
  --white-bg-75: rgba(255, 255, 255, 0.75);
  --white-bg-60: rgba(255, 255, 255, 0.6);
  --white-bg-50: rgba(255, 255, 255, 0.5);
  --white-bg-25: rgba(255, 255, 255, 0.25);
  --white-bg-20: rgba(255, 255, 255, 0.2);
  --white-bg-15: rgba(255, 255, 255, 0.15);
  --white-bg-10: rgba(255, 255, 255, 0.1);

  --bg-slider-data: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.01));
  
  /* --top-bg: url("../graph/topbg.jpg") center top no-repeat; */

  /* размеры фонов */
  --bg-full-height: auto 100%;
  --bg-full-width: 100% auto;

  --bg-height-30: auto 30%;
  --bg-height-40: auto 40%;
  --bg-height-50: auto 50%;
  --bg-height-60: auto 60%;
  --bg-height-70: auto 70%;
  --bg-height-75: auto 75%;
  --bg-height-80: auto 80%;
  --bg-height-85: auto 85%;
  --bg-height-90: auto 90%;
  --bg-height-95: auto 95%;


  /* иконки */

  --logo-icon: url("../graph/va-red-logo.png") left center no-repeat;
  --logo-w-icon: url("../graph/va-white-logo.png") left center no-repeat;
  --logo-end-icon: url("../graph/oglogo-w.png") center center no-repeat;

  --nav-bg : url("../graph/white-left-arrow.svg") center center no-repeat;

  --scroll-arrow-icon : url(../graph/icon-scroll-arrow.svg) center center no-repeat;

  --date-icon : url(../graph/icon-date.svg) left center no-repeat;
  --date-icon-w: url(../graph/icon-date-w.svg) left center no-repeat;
  --more-icon : url(../graph/icon-more.svg) left center no-repeat;

  --nav-icon : url(../graph/icon-nav.svg) left center no-repeat;

  --mobmenu-icon: url("../graph/icon-mobmenu.png") left center no-repeat;
  --close-w-icon: url("../graph/icon-close.svg") left center no-repeat;


  --vk-icon : url(../graph/icon-vk.svg) center center no-repeat;
  --tg-icon : url(../graph/icon-tg.svg) center center no-repeat;
  --ig-icon : url(../graph/icon-ig.svg) center center no-repeat;
  --yt-icon : url(../graph/icon-yt.svg) center center no-repeat;


  /*
  --phone-icon     : url("../graph/icon-phone.svg") left center no-repeat;
  --email-icon     : url("../graph/icon-email.svg") left center no-repeat;
  --username-icon  : url("../graph/icon-user.svg") left center no-repeat;
  --user-icon      : url("../graph/icon-user.svg") center center no-repeat;
  --out-icon       : url("../graph/icon-out.svg") center center no-repeat;
  --menu-icon      : url("../graph/icon-menu.svg") center center no-repeat;
  --close-icon     : url("../graph/icon-close.svg") center center no-repeat;
  --eye-icon       : url("../graph/icon-eye.svg") center center no-repeat;
  --quest-icon     : url("../graph/icon-question-1.svg") center center no-repeat;

  --setup-icon      : url("../graph/icon-setup.svg") center center no-repeat;
  --setup-red-icon      : url("../graph/icon-red-setup.svg") center center no-repeat;

  --down-icon      : url("../graph/icon-download.svg") center center no-repeat;
  --down-red-icon  : url("../graph/icon-red-download.svg") center center no-repeat;

  --down-doc-icon             : url("../graph/icon-doc.svg") center center no-repeat;
  --down-doc-active-icon      : url("../graph/icon-doc-active.svg") center center no-repeat;
  --down-doc-left-icon        : url("../graph/icon-doc-left.svg") left center no-repeat;
  --down-doc-left-white-icon  : url("../graph/icon-doc-left-white.svg") left center no-repeat;
  
  --down-pdf-icon             : url("../graph/icon-pdf.svg") center center no-repeat;
  --down-pdf-active-icon      : url("../graph/icon-pdf-active.svg") center center no-repeat;
  --down-pdf-left-icon        : url("../graph/icon-pdf-left.svg") left center no-repeat;
  --down-pdf-left-white-icon  : url("../graph/icon-pdf-left-white.svg") left center no-repeat;

  --down-jpg-left-icon        : url("../graph/icon-jpg-left.svg") left center no-repeat;
  --down-jpg-left-white-icon  : url("../graph/icon-jpg-left-white.svg") left center no-repeat;

  --faq-icon       : url(../graph/faq-icon.svg) left center no-repeat;

  --del-icon       : url("../graph/icon-del.svg") center center no-repeat;
  --edit-icon      : url("../graph/icon-edit.svg") center center no-repeat;

  --invoice-icon   : url("../graph/icon-inv.svg") left center no-repeat;
  --act-icon       : url("../graph/icon-act.svg") left center no-repeat;
  --pay-icon       : url("../graph/icon-pay.svg") left center no-repeat;
  --check-icon     : url("../graph/icon-check.svg") left center no-repeat;

  */

}

/* Сетка */
.flex-columns {position: relative; width:100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-columns.top-align {align-items:stretch;}
.flex-columns.end-align {align-items:end;}

.flex-columns.reverse { flex-direction: row-reverse; }

.flex-columns.content-left {justify-content: flex-start;}
.flex-columns.content-right {justify-content: flex-end;}
.flex-columns.content-center {justify-content: center;}
.flex-columns.content-between {justify-content: space-between;}
.flex-columns.content-around {justify-content: space-around;}

.col-1, .col-1x1 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-1x2 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-1x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.col-2x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}

.col-1x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-3x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-1x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-2x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.col-3x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.col-4x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

.col-1x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.col-5x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}

.col-1x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 14.25%; flex: 0 0 14.25%; max-width: 14.25%;}
.col-2x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%;}
.col-3x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 42.85%; flex: 0 0 42.85%; max-width: 42.85%;}
.col-4x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 57.15%; flex: 0 0 57.15%; max-width: 57.15%;}
.col-5x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 71.5%; flex: 0 0 71.5%; max-width: 71.5%;}
.col-6x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 85.75%; flex: 0 0 85.75%; max-width: 85.75%;}


.col-1x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.col-3x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.col-5x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.col-7x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}

.col-1x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-11x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666%; flex: 0 0 91.66666%; max-width: 91.66666%;}


/* Тэги */
html {min-height:100%; margin:0; padding:0; font-size:var(--base-font-size); }
body {position:relative; margin:0; padding:0; text-align:center; font-family: 'Nunito', sans-serif; font-weight:300;  font-size:1rem; color: var(--black-color); background: var(--thin-brown-color); -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both}
body.fix { overflow:hidden;height: 100vh; }

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; cursor: pointer; color:var(--middle-brown-color); opacity:1; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; 	transition: all 0.25s ease; }
a:hover { opacity:1 !important; color:var(--middle-brown-color); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; 	transition: all 0.25s ease; }
b {font-weight:500;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300; color:var(--brown-color); line-height:1.1; font-family:'Playfair Display'; }
h1 {font-size:2.5rem; font-weight:500; color:var(--dark-brown-color); }
h2 {font-size:2.2rem; font-weight:400; color:var(--dark-brown-color); }
h3 {font-size:1.6rem; font-weight:400; color:var(--dark-brown-color); }
h4 {font-size:0.9rem;  }

.page-block h1, .page-block .block-title h1, .page-block .block-title h2, h2.block-title { position:relative; display:inline-block; padding-bottom:1.25rem; margin-bottom:2rem; min-width:15rem; font-size:2.5rem; font-weight:600; color:var(--brown-color); text-align:center; }
  .page-block h1:after, .page-block .block-title h1:after, .page-block .block-title h2:after, h2.block-title:after { content: ''; position: absolute; display:inline-block; bottom:0; left:35%; right:35%; width:30%; height:0.15rem; background-color: var(--sub-brown-color); opacity:0.3 }


iframe { border-width: 0px; }

input[type="text"], input[type="number"], input[type="password"], input[type="file"], textarea, select {border:solid 1px var(--white-color); outline: 0 !important; font-family: 'Roboto', sans-serif;}
input[type="text"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="text"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="file"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="file"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="file"] { background-color: var(--white-color); font-family: 'Roboto', sans-serif; font-size:0.6rem; }
textarea::-webkit-input-placeholder {color: var (--light-gray-color);}
textarea::-moz-placeholder {color: var (--light-gray-color);}

/* input[type="text"].errorinput { border:solid 1px var(--red-color) !important; } */
div.erroritem { border:solid 1px var(--red-color) !important; }
input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); }
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); }
input[type="password"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); }
input[type="password"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); }
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color);}
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: var(--red-color);}

select:disabled { opacity: 1 !important; border:0 !important; appearance: none; -webkit-appearance: none; -moz-appearance: none;  }
select:disabled::-ms-expand {display: none;}

span.inpass { position: relative; display:block }
span.inpass label { position: absolute; cursor:pointer; display:inline-block; width:1.2rem; height:1.2rem; right:0.5rem; top:0.5rem; background: var(--eye-icon); background-size: var(--bg-height-85); opacity:0.25; }
span.inpass label:hover, span.inpass.active label { opacity:0.5; }


/* Секции */
.wrapper {position:relative; width:100%;  padding:0;  margin:0; text-align:center; }
    .wrapper .wrap {position: relative; display:block; max-width:var(--max-data-width); margin:auto; padding: var(--wrap-data-padding); }


/* Шапка */
.wrtop { padding-top:0.25rem; }
  .wrtop .wrap { border-radius:1.5rem 1.5rem 0 0; padding-top:2.5rem; padding-bottom:0; }

/* Главное меню */
.top-menu { position:absolute; top:1.15rem; left:5%; right:5%; width:90%; background-color: var(--white-color); border-radius:1.65rem;  box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 0.15rem 0 rgba(0, 0, 0, 0.22);  z-index:10; }
  .top-menu.fixed-menu { position: fixed; margin:auto; top:1.17rem; max-width:calc(var(--max-data-width) * 0.925);  box-shadow: 0 0 0.5rem rgb(17 56 86 / 25%); z-index: 10000; }
  .top-menu-data { position: relative; padding:0.85rem; padding-left:1rem;  padding-right:20%; text-align:left;  } 

    .top-menu ul { position:relative; display:inline-block; margin:0; padding:0; list-style: none; text-align:left; }
      .top-menu ul li { position:relative; display:inline-block; margin:0; padding:0; list-style: none; }
        .top-menu ul li a { position:relative; display:inline-block; cursor:pointer; margin:0; padding:0.25rem 0.75rem; font-size:0.9rem; font-weight:600; color:var(--dark-brown-color); list-style: none; }
        .top-menu ul li a.sub { padding-right: 1rem; }
          .top-menu ul li a.sub::after { content: "›"; position: absolute; top: 0.25rem; right: 0.25rem; display: inline-block; transform: rotate(90deg); }
          .top-menu ul li a.sub:hover::after { content: "›"; position: absolute; top: 0.25rem; right: 0.35rem; display: inline-block; transform: rotate(-90deg); }

      .top-menu ul li ul { display:none; }    
      .top-menu ul li:hover ul { position:absolute; display:block; top:100%; left:0; padding:0.75rem 0;  background-color: var(--white-color); border-radius:0 0 0.5rem 0.5rem; box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.22); }
        .top-menu ul li ul li { display:block; }
         .top-menu ul li ul li a { position:relative; display:block;  cursor:pointer; margin:0; padding:0.25rem 0.75rem; font-size:0.8rem; font-weight:400; white-space: nowrap }

    .lang-menu { position:absolute; top:0.85rem; right:2rem; }
      .lang-menu a { position:relative; display: inline-block; cursor:pointer; width:1.3rem; height:1.3rem; line-height:1.3rem; margin-left:0.5rem; font-size:0.62rem; font-weight:500; text-align:center; border:solid 1px var(--middle-brown-color); border-radius:0.25rem;   }
      .lang-menu a.active { background-color: var(--middle-brown-color) !important; color:var(--white-color) !important; }
      .lang-menu a:hover { background-color: var(--thin-brown-color); }

.mob-menu-link { display:none; }
.mob-menu-close { display:none; }


/* Слайдер на главной */
.slider {position: relative; height: 0; padding-top: 40%; border-radius:1.5rem; overflow: hidden; z-index:4; }
  .slider .slider-data {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:hidden; }

  .slider .ms-item {position:relative; z-index: 3;}
    .slider .ms-item .ms-container {position:absolute; display:flex; top: unset; left:0; right: 0; bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: left;  background: var(--bg-slider-data); z-index: 4; }
      .slider .ms-item .ms-container .ms-data {position:relative; display:inline-block; width:85%; margin:5% 7.5%; text-align:left; color:var(--white-color); }

        .slider .ms-item .ms-container .ms-data h3 {padding-right:10%; line-height:1.1; font-size:1.9rem; font-weight: 600; color:var(--white-color); }
          .slider .ms-item .ms-container .ms-data h3 span {display:block; color:var(--main-blue-color);}
        .slider .ms-item .ms-container .ms-data p { padding-right:10%; padding-bottom:1rem; font-size:1rem; }  

    .slider .ms-item .ms-img {position: relative; display:inline-block; width:100%; height: 0; padding-top: 40%; border-radius:1.5rem; overflow: hidden;  }       
      .slider .ms-item .ms-img img { position: absolute; width:100% !important; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .slider .ms-item .ms-img img.mob-pic {display: none;}

  .slider .owl-carousel {position: unset;}

  .slider .owl-carousel .owl-nav {position: absolute; top:calc(47% - 2rem); left:5%; right:5%; width:90%; z-index:12; }
    .slider .owl-carousel .owl-nav div {position:relative; display: inline-block; width:4rem; height:4rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 50%; overflow: hidden; opacity:0.5;}
      .slider .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
      .slider .owl-nav div.owl-prev {float:left; }
      .slider .owl-nav div.owl-next {float:right; transform:rotate(180deg)}

  .slider .owl-carousel .owl-dots {position: absolute; bottom:4%; right:20%; left:20%; width:60%; text-align:center; }
    .slider .owl-carousel .owl-dots .owl-dot {position: relative; display: inline-block; width:2rem; height: 0.2rem; margin:0 0.4rem; background-color: var(--white-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:0.4; }
      .slider .owl-carousel .owl-dots .owl-dot.active {height: 0.4rem; background-color: var(--white-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  opacity:0.8;  }
      .slider .owl-carousel .owl-dots .owl-dot::hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease;    opacity:1;  }


/* Страница */


/* Интро на главнаой */
.wrmainintro { position:relative }
  .wrmainintro .wrap {  padding-top:2rem; padding-bottom:3rem; }

  .inner-page .wrmainintro .wrap {  padding-top:1rem; padding-bottom:1rem; }


.intro { position:relative;  }
  .intro .intro-logo { position:relative; width:90%; height:0; padding-top:90%; margin-right:10%; border-radius:1.5rem; overflow:hidden; }
    .intro .intro-logo img { position: absolute; max-width:100%; width: unset !important; height:unset !important  ; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .intro .col-5x7 { border-radius:1.5rem; background-color: var(--white-color); overflow:hidden; } 
  .intro .col-5x7 .flex-columns { height:100%; } 
  .intro .intro-data { position:relative; padding:1.25rem 2.5rem; width:calc(100% - 3rem); text-align:left; }
  .intro .intro-data h1 { margin-bottom:0.75rem; font-size:1.2rem; line-height:1.1; font-weight:500;  }
  .intro .intro-data h2 { margin-bottom:1.5rem; font-weight:600; }
  .intro .intro-data .intro-text { font-size:1.1rem;  }


/* Услуги на главнаой */  
.wrmainservices { position:relative; background: var(--white-bg-50); }
  .wrmainservices .wrap { padding-top:3rem; padding-bottom:5rem; }

  .acc-list { position: relative; width:95%; margin-right:5%; margin-top:0.75rem; }
    .acc-item { position: relative; cursor:pointer;  width:90%; margin-right:10%; margin-right:0; max-height:2.75rem; margin-top:-0.75rem; background-color: var(--white-color); border-radius: 0.75rem; overflow:hidden; box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.12);  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;   }
    .acc-item:last-child { border-radius: 0.75rem; }
    .acc-item.active { max-height:unset; width:100%; margin-left:0%; margin-right:0%; border-radius: 0.75rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.12);   z-index:25 !important; opacity:1; }      
      .acc-item .acc-img { position: relative; width:100%; height:0; padding-top:80%; border-radius:0 0.75rem 0.75rem 0; overflow:hidden;  }
        .acc-item .acc-img img {position: absolute; height:100%; width: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%); }
      .acc-item .acc-wrap { position: relative; height:100% }
      .acc-item .acc-data { position: relative; padding:1.75rem; font-size:0.75rem; text-align:left; }
        .acc-item .acc-data h3 { padding-bottom:0.75rem; font-size:1.6rem; font-weight:600; color:var(--brown-color); }
      .acc-item sup { display:none; }
      /* .acc-item.active sup { position: absolute; display:inline-block; top:1.25rem; left:1.75rem; font-size:3.5rem; font-weight:800; color:var(--middle-brown-color); opacity: 0.1; } */

  .acc-info { position: absolute; top:0; left:0; right:0; bottom:0; border-radius: 0.75rem; overflow:hidden; }
    .acc-info img { position: absolute; max-height:130% !important; max-width:130% !important; width: unset !important; height:unset !important  ; top: 60%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease;  }
      .acc-info:hover img { position: absolute; max-height:140% !important; max-width:140% !important; width: unset !important; height:unset !important  ; top: 60%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease;  }
    .acc-info .acc-info-data { position: absolute; bottom:0; left:0; right:0; text-align:left; padding:2rem 1.5rem; padding-bottom:0.75rem; font-size:0.75rem; color:var(--white-color);  background: var(--bg-slider-data);  }
      .acc-info .acc-info-data h4 { font-size:1.25rem; padding-bottom:0.5rem;  font-weight:400;  color:var(--white-color);  }



/* Новости на главнаой */
.wrmainnews { position:relative }
  .wrmainnews .wrap {  padding-top:3rem; padding-bottom:2rem; }

  .main-news .tn { position:relative; height:0; border-radius:0.75rem; overflow:hidden; background-color:var(--white-color); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; } 
  .main-news .tn:hover { box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.22); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
  .main-news .flex-columns .tn1 { width:95%; padding-top:140%; margin-right:5%; }
  .main-news .flex-columns .tn2 { width:98%; padding-top:50%; margin-right:2%; }
  .main-news .flex-columns .tn3 { width:98%; padding-top:50%; margin-left:2%; }
  .main-news .flex-columns .tn4 { width:100%; padding-top:28.75%; margin-top:1rem; }

  .main-news .tn .mblog-info { position: absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; }
    .main-news .tn .mblog-info span { position:absolute; top:1rem; right:1rem; padding-left:0.9rem; font-size:0.7rem; color:var(--white-color); background: var(--date-icon-w); background-size: var(--bg-height-80); opacity: 0.6; z-index:6; }
    .main-news .tn .mblog-info .mblog-info-data { position: absolute; bottom:0; left:0; right:0; text-align:center; padding:2rem 1.5rem; padding-bottom:0.75rem; font-size:0.7rem; color:var(--white-color);  background: var(--bg-slider-data);  }    
    .main-news .tn .mblog-info .mblog-info-data h4 { font-size:1.1rem; line-height:1.1; padding-bottom:0.5rem;  font-weight:400;  color:var(--white-color); }
    .main-news .tn .mblog-info .mblog-info-data p { opacity:0.75; }

  
  .main-news .tn .mblog-info img {position: absolute; width:100%; height: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
    .main-news .tn:hover .mblog-info img {position: absolute;  width:110%; height: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
  .main-news .tn1 .mblog-info img {position: absolute; height:100%; width: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
    .main-news .tn1:hover .mblog-info img {position: absolute;  height:110%; width: auto;  top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1 ease; -o-transition: all 1s ease; 	transition: all 1s ease; }


/* Крохи */
.krohi { position: relative; padding-top:2.3rem; padding-bottom:0.75rem; margin-bottom:0.75rem;  text-align:left; border-radius: 1.5rem; background-color:var(--sub-brown-color);  overflow: hidden; z-index: 4; opacity:0.5; }
  .krohi ul {position:relative; margin:0; padding:0 4.5rem;}
    .krohi ul li {position:relative; display:inline-block; margin:0; padding:0; padding-left:0.5rem; padding-right:0.25rem; }
      .krohi ul li:before {content:'\203A'; position: absolute; display:inline-block; left:0; top:0.2rem; margin:0; font-size:0.8rem; color:var(--white-color); opacity:0.5 }
      .krohi ul li:first-child {padding-left:0; }
      .krohi ul li:first-child:before {content:""; display:none;}
      .krohi ul li a { font-size:0.75rem; color:var(--white-bg-75); }
      .krohi ul li a:hover { color:var(--white-color); }


/* Страница */
.wrinnerpage { position:relative; padding-bottom:1rem; }
  .wrinnerpage .wrap { padding-top:0; padding-bottom:0; }
  .wrinnerpage .wrap .inner-page {  padding-top:2rem; padding-bottom:2rem; border-radius: 1.5rem; background-color: var(--white-color); }

  .page-block { margin:0 5%; margin-bottom:1rem; }

    .page-block .block-data { text-align:left; }

    .block-text strong { font-weight:700 !important; } 

    .block-text h2 {font-size:1.6rem; }
    .block-text h3 {font-size:1.2rem; }
    .block-text h4 {font-size:0.9rem; }

    .block-text blockquote { position:relative; display:block; margin:0 !important;  margin-bottom:1rem !important; margin-top:0.5rem !important; padding:1.5rem; font-size:1.15rem; font-weight:700; font-style: italic; color: var(--brown-color); background-color:var(--super-thin-brown-color); border-radius:0 1.5rem 0 0; overflow:hidden; }
      .block-text blockquote::after { content:''; position:absolute; display:inline-block; left:0; top:0; bottom:0;  width:0.25rem; background-color:var(--light-gray-color);  } 
      .block-text blockquote p { padding:0; text-align:left !important }
      .block-text blockquote h2, .block-text blockquote h3, .block-text blockquote h4  { margin:0; padding:0; font-weight:700; }

    .page-block .block-data .block-text table { margin:1rem 0; border:0 !important }
      .page-block .block-data .block-text table tr { border:0 !important }
        .page-block .block-data .block-text table tr td { padding:0.5rem 1rem; border:0 !important;  }
        .page-block .block-data .block-text table tr:nth-child(2n+1) td { background-color:var(--thin-gray-color); }
    
    .page-block .block-data .block-text img { max-width:100% !important; margin-bottom:0.75rem; border-radius:1.5rem; }


  .page-first-pic { position:relative; width:100%; height:0; padding-top: 50%; margin-bottom:2rem; overflow: hidden; border-radius:1.5rem; }   
    .page-first-pic img { max-width:100%; }   

  .page-date { position:relative; margin-top:0.5rem; padding-bottom:1rem; font-size:0.8rem; color:var(--middle-brown-color); }  

  .page-text-block { text-align:left; }
    .page-text-block h2, .page-text-block h3, .page-text-block h4, .block-text h2, .block-text h3, .block-text h4 { padding-bottom:0.75rem; margin-top:0.5rem; font-weight:500; }

  .nav { position: relative; width:100%; margin-top:1rem; padding-top:1rem;  text-align:center }
    .nav:before { content: ''; position: absolute; display:inline-block; top:0; left:40%; right:40%; width:20%; height:0.05rem; background-color: var(--sub-brown-color); opacity:0.3 }
    .nav a.button { border:solid 1px var(--light-brown-color);  }

    .nav sup a { position: absolute; display:inline-block; left:0; bottom:0.5rem; width:1.5rem; height:1.5rem; background: var(--nav-icon); background-size: var(--bg-full-height); transform: scale(-1, 1) }
    .nav sub a { position: absolute; display:inline-block; right:0; bottom:0.5rem; width:1.5rem; height:1.5rem; background: var(--nav-icon); background-size: var(--bg-full-height); }
    

/* Фотогалерея страницы */
.page-gallery { position: relative; padding-top:1.5rem; }       

  .page-gallery .gallery-item { position: relative; width:95%; padding-bottom:95%; height:0; margin:0 2.5%; margin-bottom:1.5rem; overflow: hidden; }
    .page-gallery .gallery-item span { position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 1.5rem; overflow: hidden;}
      .page-gallery .gallery-item span img  { width: 100%; height: 100%; object-fit: cover; object-position: left top; object-position: 50% 50%;	 }
  
 .page-gallery .col-1x3:nth-child(3n+1) .gallery-item { margin-left:0; margin-right:5%; }
  .page-gallery .col-1x3:nth-child(3n) .gallery-item { margin-left:5%; margin-right:0%; }



/* Галерея видео */
.video-gallery { position: relative; padding-bottom:1.5rem; }
   .video-gallery .video-item { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom:1rem; height: 0; border-radius:1.5rem; overflow: hidden; }
    .video-gallery .video-item iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Блог */
.blog-list { position:relative; padding:0 2.5%; }
  .blog-list .blog-item { position:relative; padding-bottom:2rem;}
 
    .blog-list .blog-item .blog-icon { position:relative; width:90%; height:0; padding-top:90%; margin-right:10%; border-radius:1.5rem; overflow:hidden; }
      .blog-list .blog-item .blog-icon img { position: absolute; height:100%; width: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    .blog-list  .col-5x7 { position:relative; border-radius:1.5rem; background-color: var(--super-thin-gray-color); overflow:hidden; } 
      .blog-list .blog-item .col-5x7 .blog-date { position:absolute; top:1.5rem; right:1.5rem; padding-left:0.85rem; font-size:0.7rem;color:var(--middle-brown-color); background: var(--date-icon); background-size: var(--bg-height-75); opacity: 0.6; }
      .blog-list .blog-item .col-5x7 .flex-columns { height:100%; } 
        .blog-list .blog-item .blog-item-data { position:relative; padding:1.25rem 2.5rem; width:calc(100% - 3rem); text-align:left; }
          .blog-list .blog-item .blog-item-data h2 { font-size:1.75rem; margin-bottom:1.25rem; line-height: 1.1; font-weight:600; }
          .blog-list .blog-item .blog-item-data .blog-desc { font-size:1.1rem;  }
            .blog-list .blog-item .blog-item-data .blog-more a { position: relative; display:inline-block; margin-top:0.5rem; padding-left:1.05rem; font-size:0.8rem; background: var(--more-icon); background-size: var(--bg-height-70);  }


/* Фотоальбом */
.album-list { position: relative; padding: 0 2.5%; }
  .album-item { position: relative; width:95%; margin:0 2.5%; margin-bottom:1rem; }
    .album-item .album-data { position: relative; width:100%; height:0; padding-top:100%; border-radius: 1.5rem; overflow:hidden; }
      .album-item .album-data img { position: absolute; height:100% !important;  width: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
      .album-item .album-data h3 {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 2rem 1.5rem; padding-bottom: 1rem; font-size: 1.25rem; color: var(--white-color); background: var(--bg-slider-data); }



/* ссылка показать еще */
.morelink { position: relative; width:100%; padding-top:1.5rem;  text-align:center }
    .morelink:before { content: ''; position: absolute; display:inline-block; top:0; left:40%; right:40%; width:20%; height:0.05rem; background-color: var(--sub-brown-color); opacity:0.3 }

  .morelink a.button { border:solid 1px var(--light-brown-color);  }


/* Карусель отзывов */
.reviews { position: relative; width:calc(100% - 8rem); margin:1rem 4rem; }
.review-item { position: relative; width:85%; margin:1rem 7.5%; background-color:var(--white-color); border-radius:0.75rem; box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.12);  } 
  .review-item .review-data { padding:2rem 1.5rem; }
    .review-item .review-title { padding-bottom:0.5rem; text-align:center }
      .review-item .review-title h4 { font-size:1.25rem; margin-bottom:0.5rem; }
      .review-item .review-title span { font-size:0.8rem; opacity:0.5; }
    .review-item .review-text { position:relative; height:14rem; padding:1rem; font-size:0.75rem; overflow-y:auto; }

.owl-rewslider .owl-nav { position:absolute; top:calc(50% - 0.75rem); left:-2rem; width:calc(100% + 4rem);  z-index:6;  } 
  .owl-rewslider .owl-nav .owl-next {display: inline-block; float:right;  width: 1.5rem; height: 1.5rem; background: var(--nav-icon);  background-size: var(--bg-full-height); }
  .owl-rewslider .owl-nav .owl-prev { display: inline-block; float:left; width: 1.5rem; height: 1.5rem; background: var(--nav-icon);  background-size: var(--bg-full-height); transform: scale(-1, 1); }


/* Вопрос-ответ */
.faq-list .faq-item { position: relative; font-size:0.9rem; text-align:left; border-bottom:solid 1px #eee;  }  
  .faq-list .faq-item:last-child { border-bottom:0;  }  
    .faq-list .faq-item blockquote { position:relative; cursor:pointer; font-size:1.1rem; font-weight:400;   }
      .faq-list .faq-item blockquote:before { content:''; position:absolute; display:inline-block; width:1.1rem; height:1.1rem; left:-2rem; top:0.1rem; background: var(--faq-icon); background-size: var(--bg-full-height);  }
      .faq-list .faq-item blockquote::after { content:'+'; position:absolute; display:inline-block;  right:-2rem; top:-0.15rem; font-size:1.5rem; font-weight:300; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#999; text-align:center; background-color:#f0f0f0; border-radius:50%; }  
      .faq-list .faq-item.active blockquote::after { content:'+'; position:absolute; display:inline-block;  right:-2rem; top:-0.15rem; font-size:1.5rem; font-weight:300; width:1.5rem; height:1.5rem; line-height:1.5rem; color:#999; text-align:center; background-color:#f0f0f0; border-radius:50%; transform: rotate(45deg) }  
    /* .faq-list .faq-item p { display:none; margin-bottom:10px; margin-left:40px; margin-right:40px; } */




/* Футер */
.wrend { margin-bottom:2rem;  }
  .wrend .wrap { padding:2rem 0; margin: 0 auto; background-color: var(--sub-brown-color); border-radius:1.5rem; overflow: hidden; }

  .wrend .wrap .end-data { padding:0 3% }
  .wrend .end-logo { position: relative; width:80%; text-align: left; }
    .wrend .end-left { text-align: left; }
      .end-logo a { position: relative; display:inline-block; cursor:pointer; width:100%; height:1; padding-bottom:100%; overflow: hidden; background: var(--logo-end-icon); background-size:auto 100%; opacity:0.6; }
      .end-logo-text { font-size:0.8rem; color:var(--white-bg-60); }
        .end-logo-text h5 { font-size:1.25rem; color:var(--white-bg-60); }
        .end-logo-text span { display:block; margin-bottom:0.5rem; }
      
    .wrend .end-right { display:block; width:100%; text-align:right; }

/* Адаптивные изображения */
img.fullw { position: absolute; max-width:100% !important; width:unset !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.fullh { position: absolute; max-height:100% !important; width: unset !important; height:unset !important  ; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.fullwh { position: absolute; max-height:135% !important; max-width:135% !important; width: unset !important; height:unset !important  ; top: 50%; left: 50%; transform: translate(-50%, -50%); }

img.fullsmallw { position: absolute; max-width:90% !important; width:unset !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.hardfullw { position: absolute; width:100% !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.hardfullh { position: absolute; height:100% !important; width: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }


/* Кнопки */
a.button { position:relative; cursor:pointer; display:inline-block; margin:auto; padding:0.5rem 1rem; font-size:0.7rem; font-weight:600; border-radius: 0.25rem; }
a.white-button { background-color: var(--thin-brown-color); color:var(--brown-color); }

.social { position:relative; }
.social a { position: relative; display:inline-block; cursor:pointer; width:2.1rem; height:2.1rem; margin-left:1rem; opacity:0.6; }
.social a.vk-icon { background: var(--vk-icon); background-size: auto 100%; }
.social a.tg-icon { background: var(--tg-icon); background-size: auto 100%; }
.social a.ig-icon { background: var(--ig-icon); background-size: auto 85%; }
.social a.yt-icon { background: var(--yt-icon); background-size: auto 100%; }



/* Прокрутка в началу страницы */
.scrollup { position: fixed; cursor:pointer; display: none; bottom:2.5rem; left:1%; width:3.5rem; height:3.5rem; background: var(--scroll-arrow-icon); background-size: var(--bg-height-50);  background-color: var(--thin-gray-op-color); border-radius: 50%; overflow:hidden; z-index:50; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
  .scrollup:hover { background-color: var(--thin-gray-oph-color); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }

/* Прогрессбар */
.loading { position:relative; width:100%; margin:2rem 0; text-align:center; }
.loading img { width:unset !important; }

/* Модификаторы */
.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

/* Прочее */
.hidden {display:none !important;}
.link { cursor: pointer; }
.fixed { position: fixed;  bottom:unset; top:0; z-index:50000; }
.half-line { display: inline-block; width:49.7%; vertical-align: text-top;  zoom: 1;  }

/* FancyBox */
.fancybox-image { border-radius: 1.25rem; }