@import url(../../../../media/Public/vendor/swiper/dist/css/swiper.min.css);
@import url(../../../../media/Public/vendor/jqueryUI-datetimepicker/jquery-ui.min.css);
@font-face {
  font-family: "VWHeadWeb";
  src: url("../fonts/VWHeadWeb-Bold.woff") format("woff"), url("../fonts/VWHeadWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "VWHeadWeb";
  src: url("../fonts/VWHeadWeb-Regular.woff") format("woff"), url("../fonts/VWHeadWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "VWTextWeb";
  src: url("../fonts/VWTextWeb-Bold.woff") format("woff"), url("../fonts/VWTextWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "VWTextWeb";
  src: url("../fonts/VWTextWeb-Regular.woff") format("woff"), url("../fonts/VWTextWeb-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
  
@font-face{font-family:"brand-icons";src:url(../fonts/brand_icons/brand-icons-eb37c1d076b6b54c41ebe56a51796a2baab5ac971ba755b38c24617a972ef04f.woff2) format("woff2"),
url(../fonts/brand_icons/brand-icons-3a46074507d1a4429571090280eaaa9cd1f963be806589f6efc573679203bdec.woff) format("woff"),
url(../fonts/brand_icons/brand-icons-2be5ff4ae3a0e145cb2c30eb3bf977285c613490764be32693d073eeba9480e3.ttf) format("truetype"),
url(../fonts/brand_icons/brand-icons-878747370ca3363c0aa72ab3250b7fafb5f783ee4444a8b5948c4bb44d7b56fa.svg) format("svg")}

  
  
.grid-container {
  max-width: 1230px; }

  .grid-slider-container {
  max-width: 1920px; 
  margin-left: auto;
  margin-right: auto;
  }
  
.blockInfoContact {
  display: block; }

.top-bar .dropdown.menu {
  z-index: 99; }

.menuFooter ul li {
  margin: auto; }
  
.sliderImg {
  transition: transform ease-out 0.21s, -webkit-transform ease-out 0.21s;
  cursor: pointer;
}

.sliderImg:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sliderText {
position: absolute;
display: block;
bottom: 6px;
left: 15px;
max-width: 415px;
line-height: 80px;
background: rgba(255, 255, 255, 0.7);
padding: 0 30px;
font-weight: bold;
font-size: 28px;
color: #1d1f20;    
    
}

.multimedia {
    padding: 20px;   
}
.multimedia a {
    color: #FFFFFF;   
}
        


.button {
  border: 1px solid #dee1e3;
  border-radius: 3px;
  margin-left: 26px;
  padding: 14px 50px;
  cursor: pointer;
  background: transparent; }
  .button span {
    font-weight: bold;
    font-size: 14px;
    color: #00b1eb; }

.button:hover, .button:focus {
    background: #0068aa;
    border: 1px solid #0068aa;
    color: #fff; 
}
.button:hover span, .button:focus span {
    color: #fff; 
}

.reveal .close-button span {
  color: #00b1eb; }
.reveal .close-button:hover span {
  color: #0068aa; }

.placeholderImg {
  background: url("../img/vw.png") no-repeat center center;
  border-right: 1px solid #f3f5f6; }

.inFavorites {
  opacity: 0.3;
  cursor: default !important;
  pointer-events: none; }

body {
  background-color: #fff;
  font-family: 'VWTextWeb', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'VWHeadWeb', sans-serif;
  font-weight: bold; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
  width: 100%;
  height: 40px;
  border: 1px solid #dee1e3;
  background: transparent;
  border-radius: 3px;
  margin: 0;
  box-shadow: none; }

.top-bar {
  background-color: transparent; }
  .top-bar ul {
    background-color: transparent; }

header.headerPage {
  padding-top: 17px; }
  header.headerPage .titleSite {
    display: inline-block;
    vertical-align: middle; }
    header.headerPage .titleSite h1 {
      font-size: 28px;
      line-height: 40px; }
  header.headerPage .userInfo li a {
    font-size: 16px;
    color: #1d1f20; }
    header.headerPage .userInfo li a strong {
      font-weight: bold; }
    header.headerPage .userInfo li a::after {
      border-color: #1d1f20 transparent transparent !important; }
    header.headerPage .userInfo li a:hover {
      color: #00b1eb; }
    header.headerPage .userInfo li a:active, header.headerPage .userInfo li a:focus {
      color: #1d1f20 !important; }
  header.headerPage .userInfo .is-dropdown-submenu-parent.is-active a {
    color: #00b1eb; }
    header.headerPage .userInfo .is-dropdown-submenu-parent.is-active a::after {
      border-color: transparent transparent #1d1f20 !important;
      border-top-width: 0;
      border-bottom-width: 6px;
      border-bottom-style: solid; }
  header.headerPage .userInfo .yourAccount {
    cursor: default; }
  header.headerPage .userInfo .notLogin a {
    font-size: 16px;
    color: #8994a0; }
    header.headerPage .userInfo .notLogin a:hover {
      color: #00b1eb; }
  header.headerPage .userInfo .submenuUser {
    background: #ffffff;
    border: none;
    max-width: 180px;
    padding: 10px 30px; }
    header.headerPage .userInfo .submenuUser li a {
      font-size: 16px;
      color: #bdc3c6 !important; }
      header.headerPage .userInfo .submenuUser li a:hover {
        color: #1d1f20 !important; }
  header.headerPage a.searchText {
    font-size: 14px;
    color: #bdc3c6;
    display: block; }
    header.headerPage a.searchText:hover {
      color: #00b1eb; }
  @media print, screen and (min-width: 40em) {
    header.headerPage .top-bar .top-bar-right {
      flex: 0 1 50%; }
    header.headerPage .top-bar .top-bar-left {
      flex: 1 1 50%; } }

.searchForm {
  position: relative;
  display: block;
  height: 42px; }
  .searchForm input[type="search"] {
    width: 206px;
    height: 40px;
    padding-right: 42px;
    border: 1px solid #dee1e3;
    background: transparent;
    border-radius: 3px;
    max-width: 100%;
    margin: 0;
    box-shadow: none; }
    
    
  .searchForm button.searchButton {
    position: absolute;
    background: url("../img/searchButton.svg") no-repeat center center;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    top: 1px;
    right: 1px;
    cursor: pointer; }
    .searchForm button.searchButton:hover {
      background: url("../img/searchButtonHover.svg") no-repeat center center;
      background-size: 20px 20px; }
      
  .searchForm button.searchButton2 {
    position: absolute;
    background: url("../img/searchButton.svg") no-repeat center center;
    background-size: 50px 50px;
    width: 60px;
    height: 60px;
    top: 1px;
    right: 1px;
    cursor: pointer; 
  
   }
    
    .searchForm button.searchButton2:hover {
      background: url("../img/searchButtonHover.svg") no-repeat center center;
      background-size: 50px 50px; }
      


      
      
.searchClose {
    color: #FFFFFF;   
}
.searchClose:hover {
    color:#0068AA;   
}

.mainMenu {
  background: #2f3538;
  margin-bottom: 60px; }
  .mainMenu nav.greedy {
    background: transparent;
    position: relative;
    display: flex; }
    .mainMenu nav.greedy > ul.links {
      list-style-type: none;
      justify-content: center;
      flex: 1;
      margin: 0;
      display: flex; }
      .mainMenu nav.greedy > ul.links > li {
        padding: 0;
        flex: none; }
        .mainMenu nav.greedy > ul.links > li section.categories {
          display: none; }
        .mainMenu nav.greedy > ul.links > li > ul {
          display: none;
          position: absolute;
          width: 100%; }
        .mainMenu nav.greedy > ul.links > li a {
          padding: 0 15px;
          display: inline-flex;
          height: 55px;
          line-height: 55px;
          font-weight: bold;
          font-size: 14px;
          color: #ffffff; }
          .mainMenu nav.greedy > ul.links > li a:hover {
            color: #00b1eb; }
      .mainMenu nav.greedy > ul.links li.current a {
        color: #00b1eb; }
      .mainMenu nav.greedy > ul.links li.current1 a {
        color: #00b1eb; }
      .mainMenu nav.greedy > ul.links li.current section.categories {
        display: block; }
      .mainMenu nav.greedy > ul.links li.current > ul {
        display: block; }
    .mainMenu nav.greedy button.hidden {
      border: none; }
    .mainMenu nav.greedy button {
      cursor: pointer; }
    .mainMenu nav.greedy .hidden-links {
      list-style-type: none;
      background: #fff;
      padding: 10px 30px;
      z-index: 999; }
      .mainMenu nav.greedy .hidden-links li {
        padding: 0; }
        .mainMenu nav.greedy .hidden-links li a {
          height: 40px;
          display: inline-flex;
          font-size: 16px;
          color: #2f3538;
          font-weight: bold; }
          .mainMenu nav.greedy .hidden-links li a:hover {
            color: #00b1eb; }
    .mainMenu nav.greedy section.categories {
      min-height: 60px;
      padding-top: 10px;
      position: absolute;
      width: 100%;
      top: 55px;
      left: 0; }
      .mainMenu nav.greedy section.categories .dropdown.menu > li.is-dropdown-submenu-parent > a::after, .mainMenu nav.greedy section.categories .dropdown.menu > li.is-dropdown-submenu-parent > span::after {
        border-color: #8994a0 transparent transparent; }
      .mainMenu nav.greedy section.categories .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after, .mainMenu nav.greedy section.categories .dropdown.menu > li.is-dropdown-submenu-parent.is-active > span::after {
        border-color: transparent transparent #8994a0 !important;
        border-top-width: 0;
        border-bottom-width: 6px;
        border-bottom-style: solid; }
      .mainMenu nav.greedy section.categories .dropdown.menu > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem; }
      .mainMenu nav.greedy section.categories .menuCategories {
        z-index: 99;
        align-items: center;
        display: inline-flex;
        justify-content: left;
        width: 100%;
        padding-left: 150px; }
        .mainMenu nav.greedy section.categories .menuCategories > li.archivesMenuItem {
          border-left: 1px solid rgba(238, 238, 238, 0.5); }
        .mainMenu nav.greedy section.categories .menuCategories a {
          font-weight: 400;
          padding: .7rem 1rem;
          line-height: 16px;
          height: auto; }
        .mainMenu nav.greedy section.categories .menuCategories .current > a, .mainMenu nav.greedy section.categories .menuCategories .current1 > a, .mainMenu nav.greedy section.categories .menuCategories .current span {
          color: #00b1eb; }
        .mainMenu nav.greedy section.categories .menuCategories > li a, .mainMenu nav.greedy section.categories .menuCategories > li span {
          font-size: 16px;
          color: #2f3538; }
          .mainMenu nav.greedy section.categories .menuCategories > li a:hover, .mainMenu nav.greedy section.categories .menuCategories > li span:hover {
            color: #00b1eb; }
        .mainMenu nav.greedy section.categories .menuCategories > li .activeCat {
          color: #00b1eb; }
        .mainMenu nav.greedy section.categories .menuCategories .submenu > li.archivesMenuItem {
          margin-top: 10px;
          border-top: 2px solid rgba(202, 202, 202, 0.8); }
        .mainMenu nav.greedy section.categories .menuCategories .menu .current > a, .mainMenu nav.greedy section.categories .menuCategories .menu .current span {
          color: #2f3538; }
        .mainMenu nav.greedy section.categories .menuCategories .menu li a, .mainMenu nav.greedy section.categories .menuCategories .menu li span {
          font-size: 16px;
          color: #8994a0; }
          .mainMenu nav.greedy section.categories .menuCategories .menu li a:hover, .mainMenu nav.greedy section.categories .menuCategories .menu li span:hover {
            color: #2f3538; }
          .mainMenu nav.greedy section.categories .menuCategories .menu li a a::after, .mainMenu nav.greedy section.categories .menuCategories .menu li a span::after, .mainMenu nav.greedy section.categories .menuCategories .menu li span a::after, .mainMenu nav.greedy section.categories .menuCategories .menu li span span::after {
            border-color: #0000 #0000 #0000 #8994a0 !important; }
        .mainMenu nav.greedy section.categories .menuCategories .menu li .activeCat {
          color: #2f3538; }
        .mainMenu nav.greedy section.categories .menuCategories .doubleColumns {
          width: 400px; }
          .mainMenu nav.greedy section.categories .menuCategories .doubleColumns li {
            width: 197px;
            display: inline-block;
            vertical-align: top; }
        .mainMenu nav.greedy section.categories .menuCategories .triColumns {
          width: 600px; }
          .mainMenu nav.greedy section.categories .menuCategories .triColumns li {
            width: 30%;
            display: inline-block;
            vertical-align: top; }
      @media screen and (max-width: 63.9375em) {
        .mainMenu nav.greedy section.categories .menuCategories {
          padding-left: 10px; } }
    .mainMenu nav.greedy .menuSmall li {
      flex: 1 !important; }
      .mainMenu nav.greedy .menuSmall li a {
        display: flex !important; }

footer {
  background: #2f3538;
  padding: 22px 15px;
  color: #ffffff; }
  footer a {
    color: #ffffff; }
  footer h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 29px; }
  footer p {
    font-size: 14px;
    margin-bottom: 0; }
  footer .copyrightInfo {
    position: relative;
    min-height: 50px; }
    footer .copyrightInfo p {
      bottom: 0;
      position: absolute;
      width: 100%;
      font-size: 14px; }
  footer .copyrightInfoLogin {
    margin-top: 50px; }
    footer .copyrightInfoLogin p {
      bottom: auto;
      top: 7px;
      left: 50%;
      width: auto;
      transform: translateX(-50%); }
    footer .copyrightInfoLogin nav ul.menu {
      justify-content: flex-end; }
  @media screen and (max-width: 63.9375em) {
    footer .copyrightInfoLogin p {
      position: relative; } }
  footer .menu {
    display: flex;
    justify-content: center;
    flex: 1; }
    footer .menu li {
      font-size: 14px; }
      footer .menu li a:hover {
        color: #00b1eb; }
  footer .kontaktFooterInfo {
    border-left: 1px solid #fff;
    padding-left: 11px;
    padding-right: 11px; }
  @media screen and (max-width: 63.9375em) {
    footer .kontaktFooterInfo {
      margin-top: 15px; } }

.newsButton {
  display: flex;
  margin-top: 15px; }
  .newsButton .button {
    border: 1px solid #dee1e3;
    border-radius: 3px;
    margin-left: 26px;
    padding: 14px 50px;
    cursor: pointer; }
    .newsButton .button span {
      font-weight: bold;
      font-size: 14px;
      color: #00b1eb; }
    .newsButton .button:hover {
      background: #0068aa;
      border: 1px solid #0068aa; }
      .newsButton .button:hover span {
        color: #fff; }

.reveal-overlay {
  background-color: rgba(47, 53, 56, 0.95); }

#loginModal {
  max-width: 480px;
  padding: 28px; }
  #loginModal label {
    font-weight: bold;
    font-size: 16px;
    color: #48484a; }
  #loginModal input {
    margin-top: 10px;
    margin-bottom: 20px; }
  #loginModal .forgotPassword {
    font-size: 16px;
    color: #48484a; }
    #loginModal .forgotPassword:hover {
      color: #0068aa; }
  #loginModal .formLoginButton button {
    background: #00b1eb;
    width: 100%;
    margin-bottom: 0;
    margin-left: 0; }
    #loginModal .formLoginButton button span {
      font-weight: bold;
      font-size: 14px;
      color: #fff; }
    #loginModal .formLoginButton button:hover {
      background: #0068aa; }
  #loginModal .close-button span {
    color: #00b1eb; }
  #loginModal .close-button:hover span {
    color: #0068aa; }

section.article {
  padding: 90px 10px; }
  section.article article.fullContent {
    font-size: 14px;
    margin-top: 20px; }

.addToBasket {
  position: fixed;
  width: 100%;
  padding: 15px 10px 10px 10px;
  background: rgba(0, 177, 235, 0.8);
  top: 0;
  z-index: 9999;
  display: none; }
  .addToBasket h4 {
    font-weight: bold; }
  .addToBasket a {
    color: #000;
    font-weight: normal; }
    .addToBasket a:hover {
      font-weight: bold; }

.addToBasketError {
  position: fixed;
  width: 100%;
  padding: 15px 10px 10px 10px;
  background: rgba(198, 15, 19, 0.8);
  top: 0;
  z-index: 9999;
  display: none; }
  .addToBasketError h4 {
    font-weight: bold; }

.paginationBox {
  margin-top: 80px; }
  .paginationBox .pagination li {
    vertical-align: top; }
  .paginationBox .pagination span, .paginationBox .pagination a {
    width: 42px;
    height: 42px;
    background: #33434c;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    vertical-align: top;
    margin-left: 0; }
  .paginationBox .pagination a:hover, .paginationBox .pagination a.current {
    background: #bdc3c6;
    color: rgba(47, 53, 56, 0.5); }
  .paginationBox .pagination .nextPrev {
    width: 42px;
    height: 42px; }
  .paginationBox .pagination .nextButton {
    background: url("../img/next.png") no-repeat center center;
    margin-left: 50px; }
    .paginationBox .pagination .nextButton:hover {
      background: url("../img/next.png") no-repeat center center;
      border: 1px solid #bdc3c6; }
  .paginationBox .pagination .prevButton {
    background: url("../img/prev.png") no-repeat center center;
    margin-right: 50px; }
    .paginationBox .pagination .prevButton:hover {
      background: url("../img/prev.png") no-repeat center center;
      border: 1px solid #bdc3c6; }

#fullSearch {
  width: 100%;
  max-width: 606px;
  color: #48484a;
  font-size: 16px; }
  #fullSearch .fullSearchForm {
    margin-top: 20px; }
    #fullSearch .fullSearchForm .searchForm input {
      width: 100%; }
    #fullSearch .fullSearchForm .searchForm button {
      right: 12px; }
    #fullSearch .fullSearchForm .titleForm {
      font-weight: bold;
      color: #48484a;
      font-size: 16px; }
    #fullSearch .fullSearchForm label {
      color: #48484a;
      font-size: 16px;
      background: url("../img/interested.png") no-repeat left center;
      padding-left: 25px;
      cursor: pointer; }
    #fullSearch .fullSearchForm input[type="checkbox"] {
      display: none; }
    #fullSearch .fullSearchForm input:checked + label {
      color: #00b1eb;
      background: url("../img/interestedChecked.png") no-repeat left center; }
    #fullSearch .fullSearchForm select {
      height: 40px;
      font-size: 14px;
      font-weight: bold; }
      #fullSearch .fullSearchForm select[name="interval"] {
        margin-top: 10px;
        margin-bottom: 10px; }
    #fullSearch .fullSearchForm .button {
      width: 100%;
      margin-left: 0;
      height: 40px;
      padding: inherit;
      background: #00b1eb;
      border-color: #00b1eb; }
      #fullSearch .fullSearchForm .button span {
        color: #ffffff; }
      #fullSearch .fullSearchForm .button:hover {
        background: #0068aa;
        border-color: #0068aa; }

.off-canvas {
  background: #2f3538;
  padding: 10px; }
  .off-canvas .close-button {
    z-index: 9;
    color: #fff; }
  .off-canvas .menuLeft {
    margin-top: 20px; }
    .off-canvas .menuLeft ul {
      list-style-type: none; }
      .off-canvas .menuLeft ul li {
        border-bottom: 1px dashed rgba(243, 245, 246, 0.1); }
        .off-canvas .menuLeft ul li a, .off-canvas .menuLeft ul li span {
          color: #fff;
          font-size: 16px;
          font-weight: 400; }
          .off-canvas .menuLeft ul li a:hover, .off-canvas .menuLeft ul li span:hover {
            color: #00b1eb; }
      .off-canvas .menuLeft ul li.current > a, .off-canvas .menuLeft ul li.current > span {
        color: #00b1eb; }
    .off-canvas .menuLeft > ul {
      margin-left: 0; }
    .off-canvas .menuLeft .submenu-toggle:after {
      border-color: #fff transparent transparent; }

section.banner {
  margin-top: 30px;
  margin-bottom: 30px; }
  section.banner .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    background: #33434c;
    opacity: 1; }
  section.banner .swiper-pagination-bullet-active {
    background: #bdc3c6; }
  section.banner .swiper-slide {
    position: relative; }
  section.banner .bannerInfo {
    position: absolute;
    max-width: 365px;
    width: 40%;
    display: block;
    background: rgba(255, 255, 255, 0.7);
    top: 20%;
    left: 10%;
    padding: 25px;
    color: #1d1f20; }
    section.banner .bannerInfo h3 {
      font-weight: bold;
      font-size: 28px; }
    section.banner .bannerInfo p {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 0; }
    section.banner .bannerInfo .buttonBanner {
      position: absolute;
      right: 0;
      bottom: -85px;
      padding: 13px 65px;
      background: #00b1eb;
      font-size: 14px; }
      section.banner .bannerInfo .buttonBanner:hover {
        background: #0068aa; }
    @media screen and (max-width: 1230px) {
      section.banner .bannerInfo h3 {
        font-size: 1.5vw; }
      section.banner .bannerInfo p {
        font-size: 1vw; } }
  @media screen and (max-width: 1000px) {
    section.banner .bannerInfo {
      width: 100%; }
      section.banner .bannerInfo .buttonBanner {
        bottom: -60px; } }
  @media screen and (max-width: 850px) {
    section.banner .bannerInfo {
      width: 100%;
      top: 5px;
      left: 5px; }
      section.banner .bannerInfo h3 {
        font-size: 14px; }
      section.banner .bannerInfo p {
        font-size: 12px; }
      section.banner .bannerInfo .buttonBanner {
        bottom: -60px; } }
  @media screen and (max-width: 700px) {
    section.banner .bannerInfo {
      width: 100%;
      max-width: 80%;
      top: 5px;
      left: 5px;
      padding: 5px; }
      section.banner .bannerInfo p {
        display: none; }
      section.banner .bannerInfo .buttonBanner {
        position: relative;
        padding: 0;
        background: none;
        display: inline-block;
        bottom: 0; }
        section.banner .bannerInfo .buttonBanner:hover {
          background: none;
          color: #0068aa; } }

section.newsList {
  background: #f3f5f6;
  padding: 30px 0 100px 0; }
  section.newsList .newsBox {
    background: #ffffff;
    display: block;
    width: 100%;
    max-width: 605px; }
    section.newsList .newsBox .newsImg a {
      display: flex;
      justify-content: center;
      max-height: 320px;
      overflow: hidden; }
      section.newsList .newsBox .newsImg a img {
        object-fit: cover;
        width: 100%;
        max-height: 100%; }
    section.newsList .newsBox .newsText {
      padding: 25px 15px;
      display: flex;
      flex-direction: column; }
      section.newsList .newsBox .newsText .newsInfo {
        display: flex;
        flex-direction: row; }
        section.newsList .newsBox .newsText .newsInfo .newsDate {
          font-weight: bold;
          font-size: 14px;
          color: #8994a0;
          padding-right: 45px; }
        section.newsList .newsBox .newsText .newsInfo .newsCategory {
          font-size: 14px;
          display: flex;
          flex-wrap: nowrap;
          overflow: hidden;
          position: relative;
          right: 0;
          padding: 0 20px; }
          section.newsList .newsBox .newsText .newsInfo .newsCategory .swiper-slide {
            display: flex;
            width: auto; }
          section.newsList .newsBox .newsText .newsInfo .newsCategory .swiper-wrapper {
            width: auto; }
          section.newsList .newsBox .newsText .newsInfo .newsCategory a {
            padding: 0 15px;
            color: #8994a0;
            border-left: 1px solid #dee1e3;
            white-space: nowrap; }
            section.newsList .newsBox .newsText .newsInfo .newsCategory a:first-of-type {
              border-left: none; }
      section.newsList .newsBox .newsText .nextButtonSwip {
        background: #fff url("../img/nextLight.png") no-repeat right center;
        right: 0; }
      section.newsList .newsBox .newsText .prevButtonSwip {
        background: #fff url("../img/prevLight.png") no-repeat left center;
        left: 0; }
      section.newsList .newsBox .newsText .swiper-button-disabled {
        display: none; }
      section.newsList .newsBox .newsText .newsTitle {
        margin-top: 20px; }
        section.newsList .newsBox .newsText .newsTitle a h3 {
          font-weight: bold;
          font-size: 24px;
          color: #1d1f20;
          line-height: 29px; }
        section.newsList .newsBox .newsText .newsTitle a:hover h3 {
          color: #00b1eb; }
      section.newsList .newsBox .newsText .newsDesc {
        margin-top: 20px; }
        section.newsList .newsBox .newsText .newsDesc p {
          font-size: 14px;
          color: #1d1f20;
          line-height: 22px;
          text-align: justify; }
  section.newsList .grid-item {
    width: 590px;
    margin-bottom: 17px;
    display: inline-flex; }
  @media screen and (max-width: 1250px) {
    section.newsList .grid-item {
      width: 49%; } }
  @media screen and (max-width: 1000px) {
    section.newsList .grid-item {
      width: 48%; } }
  @media screen and (max-width: 800px) {
    section.newsList .grid-item {
      width: 100%; } }

section.newsShow {
  padding: 90px 0; }
  section.newsShow article .dateOfPublication {
    font-weight: bold;
    font-size: 14px;
    color: #8994a0; }
  section.newsShow article p.shortcutNews {
    font-weight: bold;
    font-size: 16px;
    text-align: justify; }
  section.newsShow article .contentNews h1 {
    font-weight: bold;
    font-size: 24px;
    color: #1d1f20;
    margin-top: 10px; }
  section.newsShow article .contentNews .newsContent {
    display: inline;
    color: #1d1f20;
    font-size: 14px; }
    section.newsShow article .contentNews .newsContent p {
      margin-bottom: 30px; }
  section.newsShow article .contentNews .swiperNews {
    display: inline-block;
    margin-left: 10px;
    width: 100%;
    max-width: 600px; }
    @media screen and (max-width: 610px) {
      section.newsShow article .contentNews .swiperNews {
        margin-left: 0; } }
    section.newsShow article .contentNews .swiperNews img {
      margin-left: 0; }
  section.newsShow article .imageNews {
    width: 50%;
    max-width: 610px;
    text-align: center; }
    section.newsShow article .imageNews img {
      display: inline;
      margin-left: 10px;
      max-width: 600px; }
    @media screen and (max-width: 610px) {
      section.newsShow article .imageNews {
        width: 100%; }
        section.newsShow article .imageNews img {
          margin-left: 0; } }
  section.newsShow .newsButtonBox {
    margin-top: 80px; }
    section.newsShow .newsButtonBox .combackNews a {
      background: url("../img/comback.png") no-repeat left center;
      display: inline-flex;
      padding-left: 22px; }
      section.newsShow .newsButtonBox .combackNews a span {
        font-weight: bold;
        font-size: 14px;
        color: #44bcee; }
      section.newsShow .newsButtonBox .combackNews a:hover span {
        color: #0068aa; }
        
        

.attachment {
  background: #f3f5f6;
  padding: 50px 10px 80px 10px; }
  .attachment .attachmentTitle {
    font-weight: bold;
    color: #1d1f20;
    position: relative; }
    .attachment .attachmentTitle .attachmentButtonBox {
      position: absolute;
      top: 0;
      width: 100%; }
      .attachment .attachmentTitle .attachmentButtonBox button, .attachment .attachmentTitle .attachmentButtonBox a {
        font-weight: bold;
        font-size: 14px;
        padding: 0 17px;
        cursor: pointer;
        color: #000; }
    @media screen and (max-width: 600px) {
      .attachment .attachmentTitle .attachmentButtonBox {
        top: 30px; } }
  .attachment .attachmentList {
    margin-top: 55px; }
    .attachment .attachmentList .attachmentItem {
      background: #fff;
      margin-bottom: 20px;
      flex-wrap: wrap; }
      .attachment .attachmentList .attachmentItem .attachmentImg {
        width: 100%;
        height: 100%;
        position: relative;
        align-items: center;
        display: flex; }
        .attachment .attachmentList .attachmentItem .attachmentImg img {
          width: 100%;
          height: 100%;
          max-height: 225px;
          object-fit: contain; }
      .attachment .attachmentList .attachmentItem .attachmentText {
        width: 100%;
        max-width: 783px;
        padding: 30px 16px 30px 30px; }
        .attachment .attachmentList .attachmentItem .attachmentText .attDate {
          font-weight: bold;
          font-size: 14px;
          color: #8994a0; }
        .attachment .attachmentList .attachmentItem .attachmentText .attTitle h3 {
          font-weight: bold;
          font-size: 18px;
          color: #1d1f20;
          margin-top: 15px;
          margin-bottom: 15px; }
        .attachment .attachmentList .attachmentItem .attachmentText .attDesc {
          height: 100%; }
          .attachment .attachmentList .attachmentItem .attachmentText .attDesc p {
            font-size: 14px;
            line-height: 22px;
            color: #1d1f20;
            margin-bottom: 0;
            text-align: justify;
            min-height: 50px; }
          .attachment .attachmentList .attachmentItem .attachmentText .attDesc span {
            font-weight: bold;
            font-size: 14px;
            color: #1d1f20;
            bottom: 0; }
        .attachment .attachmentList .attachmentItem .attachmentText .attButton {
          flex-wrap: wrap;
          margin-top: 45px;
          display: flex; }
          .attachment .attachmentList .attachmentItem .attachmentText .attButton button, .attachment .attachmentList .attachmentItem .attachmentText .attButton a {
            width: 100%;
            max-width: 210px;
            margin-right: 13px;
            margin-left: 13px;
            padding: 14px;
            text-align: center; }
            .attachment .attachmentList .attachmentItem .attachmentText .attButton button:hover, .attachment .attachmentList .attachmentItem .attachmentText .attButton button:focus, .attachment .attachmentList .attachmentItem .attachmentText .attButton a:hover, .attachment .attachmentList .attachmentItem .attachmentText .attButton a:focus {
              background: #0068aa;
              border: 1px solid #0068aa; }
          @media screen and (min-width: 64em) {
            .attachment .attachmentList .attachmentItem .attachmentText .attButton button, .attachment .attachmentList .attachmentItem .attachmentText .attButton a {
              margin-left: 0;
              margin-right: 0; } }
          @media screen and (max-width: 63.9375em) {
            .attachment .attachmentList .attachmentItem .attachmentText .attButton button, .attachment .attachmentList .attachmentItem .attachmentText .attButton a {
              max-width: 160px; } }

              
.albumy {
  background: #ffffff;
  padding: 50px 10px 80px 10px; }
  .albumy .albumyTitle {
    font-weight: bold;
    color: #1d1f20;
    position: relative; }
    .albumy .albumyTitle .albumyButtonBox {
      position: absolute;
      top: 0;
      width: 100%; }
      .albumy .albumyTitle .albumyButtonBox button, .albumy .albumyTitle .albumyButtonBox a {
        font-weight: bold;
        font-size: 14px;
        padding: 0 17px;
        cursor: pointer;
        color: #000; }
    @media screen and (max-width: 600px) {
      .albumy .albumyTitle .albumyButtonBox {
        top: 30px; } }
  .albumy .albumyList {
    margin-top: 55px; }
    .albumy .albumyList .albumyItem {
      background: #fff;
      margin-bottom: 20px;
      flex-wrap: wrap; }
      .albumy .albumyList .albumyItem .albumyImg {
        width: 100%;
        height: 100%;
        position: relative;
        align-items: center;
        display: flex; }
        .albumy .albumyList .albumyItem .albumyImg img {
          width: 100%;
          height: 100%;
          max-height: 225px;
          object-fit: contain; }
      .albumy .albumyList .albumyItem .albumyText {
        width: 100%;
        max-width: 783px;
        padding: 30px 16px 30px 30px; }
        .albumy .albumyList .albumyItem .albumyText .attDate {
          font-weight: bold;
          font-size: 14px;
          color: #8994a0; }
        .albumy .albumyList .albumyItem .albumyText .attTitle h3 {
          font-weight: bold;
          font-size: 24px;
          color: #1d1f20;
          margin-top: 15px;
          margin-bottom: 15px; }
        .albumy .albumyList .albumyItem .albumyText .attDesc {
          height: 100%; }
          .albumy .albumyList .albumyItem .albumyText .attDesc p {
            font-size: 14px;
            line-height: 22px;
            color: #1d1f20;
            margin-bottom: 0;
            text-align: justify;
            min-height: 50px; }
          .albumy .albumyList .albumyItem .albumyText .attDesc span {
            font-weight: bold;
            font-size: 14px;
            color: #1d1f20;
            bottom: 0; }
        .albumy .albumyList .albumyItem .albumyText .attButton {
          flex-wrap: wrap;
          margin-top: 10px;
          display: flex;
          flex-direction: row;
          
        }
        .albumy .albumyList .albumyItem a {
            color: #000000;   
        }
        
          .albumy .albumyList .albumyItem .albumyText .attButton button, .albumy .albumyList .albumyItem .albumyText .attButton a {
            width: 100%;
            max-width: 140px;
            margin-right: 0px;
            margin-left: 0px;
            padding: 5px;
            text-align: center; }
            .albumy .albumyList .albumyItem .albumyText .attButton button:hover, .albumy .albumyList .albumyItem .albumyText .attButton button:focus, .albumy .albumyList .albumyItem .albumyText .attButton a:hover, .albumy .albumyList .albumyItem .albumyText .attButton a:focus {
              background: #0068aa;
              border: 1px solid #0068aa; }
          @media screen and (min-width: 64em) {
            .albumy .albumyList .albumyItem .albumyText .attButton button, .albumy .albumyList .albumyItem .albumyText .attButton a {
              margin-left: 0;
              margin-right: 0; } }
          @media screen and (max-width: 63.9375em) {
            .albumy .albumyList .albumyItem .albumyText .attButton button, .albumy .albumyList .albumyItem .albumyText .attButton a {
              max-width: 160px; } }
              
              
              
section.bannerCategories {
  margin-top: 0; }

section.register, section.forgotPassword, section.login, section.resetPassword {
  margin-top: 30px; }
  section.register .registerBanner, section.forgotPassword .registerBanner, section.login .registerBanner, section.resetPassword .registerBanner {
    position: relative;
    margin-bottom: 40px; }
    section.register .registerBanner img, section.forgotPassword .registerBanner img, section.login .registerBanner img, section.resetPassword .registerBanner img {
      width: 100%; }
    section.register .registerBanner h1, section.forgotPassword .registerBanner h1, section.login .registerBanner h1, section.resetPassword .registerBanner h1 {
      position: absolute;
      display: block;
      bottom: 6px;
      left: 15px;
      width: 100%;
      max-width: 415px;
      line-height: 80px;
      background: rgba(255, 255, 255, 0.7);
      padding: 0 30px;
      font-weight: bold;
      font-size: 28px;
      color: #1d1f20; }
  section.register h2, section.forgotPassword h2, section.login h2, section.resetPassword h2 {
    font-family: "VWTextWeb", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #1d1f20;
    margin-bottom: 20px; }
  section.register p, section.forgotPassword p, section.login p, section.resetPassword p {
    text-align: justify;
    font-size: 14px;
    font-weight: bold;
    color: #1d1f20;
    margin-bottom: 65px; }
  section.register .article, section.forgotPassword .article, section.login .article, section.resetPassword .article {
    margin-top: 10px;
    padding: 0px 10px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(29, 31, 32, 0.1);
    border-bottom: 1px solid rgba(29, 31, 32, 0.1); }
    section.register .article .fullContent p, section.forgotPassword .article .fullContent p, section.login .article .fullContent p, section.resetPassword .article .fullContent p {
      font-weight: normal;
      color: #1d1f20;
      margin-bottom: 15px; }
  section.register section.form, section.forgotPassword section.form, section.login section.form, section.resetPassword section.form {
    background: #f3f5f6;
    padding: 18px 18px 40px 18px; }
    section.register section.form .firstData, section.forgotPassword section.form .firstData, section.login section.form .firstData, section.resetPassword section.form .firstData {
      background: #fff;
      padding-top: 10px;
      margin-bottom: 20px; }
      section.register section.form .firstData .rowFormInputs, section.forgotPassword section.form .firstData .rowFormInputs, section.login section.form .firstData .rowFormInputs, section.resetPassword section.form .firstData .rowFormInputs {
        margin-bottom: 25px; }
        section.register section.form .firstData .rowFormInputs label, section.forgotPassword section.form .firstData .rowFormInputs label, section.login section.form .firstData .rowFormInputs label, section.resetPassword section.form .firstData .rowFormInputs label {
          font-size: 16px;
          color: #48484a; }
        section.register section.form .firstData .rowFormInputs input, section.forgotPassword section.form .firstData .rowFormInputs input, section.login section.form .firstData .rowFormInputs input, section.resetPassword section.form .firstData .rowFormInputs input {
          margin-top: 10px; }
  section.register p.titleForm, section.forgotPassword p.titleForm, section.login p.titleForm, section.resetPassword p.titleForm {
    font-weight: bold;
    font-size: 18px;
    color: #48484a;
    margin-bottom: 15px; }

fieldset.registerFormField {
  padding-bottom: 20px; }
  fieldset.registerFormField legend {
    font-size: 18px;
    color: #48484a; }
  fieldset.registerFormField legend .gw {
    font-weight: normal;
    font-size: 18px;
    color: #48484a; }
    
  fieldset.registerFormField div {
    margin-top: 15px;
    display: block;
    text-align: left; }
  fieldset.registerFormField label {
    font-size: 16px;
    color: #48484a;
    background: url("../img/interested.png") no-repeat left center;
    padding-left: 25px;
    margin-right: 15px; }
    
    
  fieldset.registerFormField input {
    display: none; }
  fieldset.registerFormField input:checked + label {
    color: #00b1eb;
    background: url("../img/interestedChecked.png") no-repeat left center; }

.fieldConfirm {
  position: relative;
  padding-bottom: 40px;
  padding-left: 10px; }
  .fieldConfirm label {
    font-size: 16px;
    color: #48484a;
    background: url("../img/interested.png") no-repeat left 8px;
    padding-left: 25px;
    font-weight: bold; }
  .fieldConfirm input {
    display: none; }
  .fieldConfirm input:checked + label {
    background: url("../img/interestedChecked.png") no-repeat left 8px; }
  .fieldConfirm .form-error {
    position: absolute;
    left: 20px;
    top: 30px; }
  .fieldConfirm.fieldConfirmNews {
    padding-left: 0;
    padding-bottom: 10px; }
    .fieldConfirm.fieldConfirmNews label {
      font-size: 14px; }
      
.fieldConfirmKonatkt {
  position: relative;
  padding-bottom: 40px;
  padding-left: 10px; }
  .fieldConfirmKonatkt label {
    font-size: 16px;
    color: #48484a;
    background: url("../img/interested.png") no-repeat left 8px;
    padding-left: 25px;
    }
  .fieldConfirmKonatkt input {
    display: none; }
  .fieldConfirmKonatkt input:checked + label {
    background: url("../img/interestedChecked.png") no-repeat left 8px; }
  .fieldConfirmKonatkt .form-error {
    position: absolute;
    left: 20px;
    top: 30px; }
  .fieldConfirmKonatkt.fieldConfirmNews {
    padding-left: 0;
    padding-bottom: 10px; }
    .fieldConfirmKonatkt.fieldConfirmNews label {
      font-size: 14px; }
    

#regulaminPressbank p {
  font-size: 14px !important;
  margin-bottom: 0px; }

section.interest {
  padding: 40px 18px 60px 18px; }
  section.interest .formLoginButton {
    margin-top: 25px; }
    section.interest .formLoginButton button {
      height: 45px;
      padding-left: 56px;
      padding-right: 56px;
      background: #00b1eb;
      width: auto; }
      section.interest .formLoginButton button span {
        font-weight: bold;
        color: #fff;
        font-size: 14px; }
      section.interest .formLoginButton button:hover {
        background: #0068aa; }

#confirmRegisterInfo {
  max-width: 480px;
  padding: 28px; }
  #confirmRegisterInfo .close-button span {
    color: #00b1eb; }
  #confirmRegisterInfo .close-button:hover span {
    color: #0068aa; }

.form-error {
  margin-top: 0; }

.formLoginButton button {
  background: #00b1eb;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0; }
  .formLoginButton button span {
    font-weight: bold;
    font-size: 14px;
    color: #fff; }
  .formLoginButton button:hover {
    background: #0068aa; }

section.login .loginUserForm, section.forgotPassword .loginUserForm, section.resetPassword .loginUserForm {
  max-width: 400px;
  width: 100%; }
  section.login .loginUserForm label, section.forgotPassword .loginUserForm label, section.resetPassword .loginUserForm label {
    font-weight: bold;
    font-size: 16px;
    color: #48484a; }
  section.login .loginUserForm input, section.forgotPassword .loginUserForm input, section.resetPassword .loginUserForm input {
    margin-top: 10px;
    margin-bottom: 20px;
    background: #fff; }
  section.login .loginUserForm .forgotPassword, section.forgotPassword .loginUserForm .forgotPassword, section.resetPassword .loginUserForm .forgotPassword {
    font-size: 16px;
    color: #48484a;
    display: inline-flex; }
    section.login .loginUserForm .forgotPassword:hover, section.forgotPassword .loginUserForm .forgotPassword:hover, section.resetPassword .loginUserForm .forgotPassword:hover {
      color: #0068aa; }

.form-error {
  margin-bottom: 0; }

section.basket {
  margin-top: 30px; }
  section.basket .basketBanner {
    position: relative;
    margin-bottom: 40px; }
    section.basket .basketBanner img {
      width: 100%; }
    section.basket .basketBanner h1 {
      position: absolute;
      display: block;
      bottom: 6px;
      left: 15px;
      width: 100%;
      max-width: 415px;
      line-height: 80px;
      background: rgba(255, 255, 255, 0.7);
      padding: 0 30px;
      font-weight: bold;
      font-size: 28px;
      color: #1d1f20; }
  section.basket .basketNews {
    background: #f3f5f6;
    padding: 30px 10px 80px 10px; }
    section.basket .basketNews .newsItemBasket {
      background: #fff;
      margin-bottom: 20px;
      flex-wrap: wrap; }
      section.basket .basketNews .newsItemBasket .newsImgBasket {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        align-items: center;
        display: flex; }
        section.basket .basketNews .newsItemBasket .newsImgBasket img {
          width: 100%;
          height: 100%;
          max-height: 225px;
          object-fit: cover; }
        section.basket .basketNews .newsItemBasket .newsImgBasket .selectItemBasketBox {
          position: absolute;
          top: 0;
          left: 0;
          width: 60px;
          height: 60px; }
          section.basket .basketNews .newsItemBasket .newsImgBasket .selectItemBasketBox label {
            width: 45px;
            height: 45px;
            margin-top: 0px;
            display: flex;
            background: url("../img/interestedWhiteB.png") no-repeat center center;
            margin-left: 0; }
          section.basket .basketNews .newsItemBasket .newsImgBasket .selectItemBasketBox input:checked + label {
            background: url("../img/interestedWhiteBChecked.png") no-repeat center center; }
        section.basket .basketNews .newsItemBasket .newsImgBasket a {
          display: block;
          width: 100%;
          height: 100%; }
          section.basket .basketNews .newsItemBasket .newsImgBasket a img {
            width: 100%;
            height: 100%;
            max-height: 225px;
            object-fit: cover; }
      section.basket .basketNews .newsItemBasket .newsTextBasket {
        width: 100%;
        max-width: 783px;
        padding: 30px 16px 30px 30px; }
        section.basket .basketNews .newsItemBasket .newsTextBasket .newsDate {
          font-weight: bold;
          font-size: 14px;
          color: #8994a0; }
        section.basket .basketNews .newsItemBasket .newsTextBasket .newsTitle h3 {
          font-weight: bold;
          font-size: 24px;
          color: #1d1f20;
          margin-top: 15px;
          margin-bottom: 15px; }
        section.basket .basketNews .newsItemBasket .newsTextBasket .newsDesc p {
          font-size: 14px;
          line-height: 22px;
          color: #1d1f20;
          margin-bottom: 0;
          text-align: justify; }
        section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton {
          flex-wrap: wrap;
          margin-top: 45px; }
          section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton button, section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton a {
            width: 100%;
            max-width: 210px;
            margin-right: 13px;
            margin-left: 13px;
            padding: 14px;
            text-align: center; }
          @media screen and (min-width: 64em) {
            section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton button, section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton a {
              margin-left: 0;
              margin-right: 0; } }
          @media screen and (max-width: 63.9375em) {
            section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton button, section.basket .basketNews .newsItemBasket .newsTextBasket .newsButton a {
              max-width: 160px; } }
  section.basket .buttonFunctionBox {
    margin-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    section.basket .buttonFunctionBox button {
      cursor: pointer;
      font-size: 16px;
      font-weight: bold;
      color: #1d1f20;
      margin-right: 25px; }
      section.basket .buttonFunctionBox button:hover {
        color: #00b1eb; }
    section.basket .buttonFunctionBox .checkedAll {
      background: url("../img/interestedWhiteB.png") no-repeat left center;
      padding-left: 24px;
      font-weight: normal;
      color: #8994a0;
      margin-right: 100px; }
      section.basket .buttonFunctionBox .checkedAll.active {
        background: url("../img/interestedWhiteBChecked.png") no-repeat left center;
        color: #00b1eb; }
      section.basket .buttonFunctionBox .checkedAll:hover {
        color: #00b1eb; }
  section.basket .newsFileBox h5 {
    margin-top: 8px;
    margin-bottom: 4px; }
  section.basket .newsFileRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    padding-top: 5px; }
    section.basket .newsFileRow .newsFileImg {
      max-width: 100px;
      width: 100%; }
    section.basket .newsFileRow .newsFileTitle {
      max-width: 400px;
      width: 100%; }
      section.basket .newsFileRow .newsFileTitle h5 {
        margin: 0;
        font-size: 14px; }
      section.basket .newsFileRow .newsFileTitle p {
        margin: 0;
        font-size: 14px; }
    section.basket .newsFileRow .newsFileInfo {
      font-size: 12px; }
    section.basket .newsFileRow .newsFileDonwload a {
      margin-bottom: 0;
      padding: 8px 30px; }
      section.basket .newsFileRow .newsFileDonwload a:hover {
        background: #0068aa;
        border: 1px solid #0068aa; }
        section.basket .newsFileRow .newsFileDonwload a:hover span {
          color: #fff; }

.searchResult .searchResultRow {
  margin-bottom: 26px; }
.searchResult h6 {
  margin-bottom: 0; }
  .searchResult h6 a {
    color: #1a0dab;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px; }
  .searchResult h6 a:visited {
    color: #609; }
.searchResult small a {
  color: #006621;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }
.searchResult p {
  color: #545454;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 0; }
.searchResult img {
  margin: 5px;
  width: 90%;
  max-width: 260px; }

section.editUserData .registerBanner {
  position: relative;
  margin-bottom: 40px; }
  section.editUserData .registerBanner img {
    width: 100%; }
  section.editUserData .registerBanner h1 {
    position: absolute;
    display: block;
    bottom: 6px;
    left: 15px;
    width: 100%;
    max-width: 415px;
    line-height: 80px;
    background: rgba(255, 255, 255, 0.7);
    padding: 0 30px;
    font-weight: bold;
    font-size: 28px;
    color: #1d1f20; }
section.editUserData .formEdit {
  background: #f3f5f6;
  padding: 18px 18px 18px 18px; }
  section.editUserData .formEdit .firstData {
    background: #fff;
    padding: 10px;
    margin-bottom: 18px; }
  section.editUserData .formEdit .rowFormInputs {
    margin-bottom: 25px; }
  section.editUserData .formEdit label {
    font-weight: bold;
    font-size: 16px;
    color: #48484a; }
  section.editUserData .formEdit input, section.editUserData .formEdit select, section.editUserData .formEdit textarea {
    margin-top: 10px; }
  section.editUserData .formEdit input[readonly] {
    cursor: default;
    color: #bbbbbb; }
    section.editUserData .formEdit input[readonly]:focus {
      box-shadow: none;
      background: transparent; }
  section.editUserData .formEdit .buttonEditPassword {
    margin-top: 34px;
    margin-bottom: 0; }

#modalEditPassword label {
  font-weight: bold;
  font-size: 16px;
  color: #48484a; }
#modalEditPassword input {
  margin-top: 5px;
  margin-bottom: 15px; }

section.interest .buttonEdit {
  margin-top: 10px; }
section.interest .fieldConfirmEditUser label {
  background: none;
  padding-left: 0; }
section.interest .interestsWidget {
  opacity: 0.6;
  pointer-events: none; }
  section.interest .interestsWidget input {
    cursor: default; }
  section.interest .interestsWidget label {
    cursor: default; }

.restetButton {
  margin-left: 40px;
  cursor: pointer; }

section.attachmentTitle {
  padding: 0 15px 10px; }
  section.attachmentTitle .sortingForm .sortingTitle {
    font-size: 14px;
    font-weight: bold;
    color: #48484a;
    line-height: 38px;
    border: 1px solid #dee1e3;
    border-radius: 3px;
    padding: 0 16px;
    width: 259px;
    cursor: pointer;
    background: url("../img/arrowDown.png") no-repeat 93% center; }
  section.attachmentTitle .sortingForm .sortingLinkDropdown {
    width: 259px;
    z-index: 999; }
    section.attachmentTitle .sortingForm .sortingLinkDropdown .sortingLink {
      display: flex;
      flex-direction: column; }
      section.attachmentTitle .sortingForm .sortingLinkDropdown .sortingLink a {
        padding: 5px 0;
        font-size: 14px;
        color: #48484a; }

section.galleryList {
  padding-top: 0; }
  section.galleryList .attachmentList {
    margin-top: 30px; }

section.categoriesFile {
  min-height: 60px;
  padding-top: 10px; }
  section.categoriesFile .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #8994a0 transparent transparent; }
  section.categoriesFile .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a::after {
    border-color: transparent transparent #8994a0 !important;
    border-top-width: 0;
    border-bottom-width: 6px;
    border-bottom-style: solid; }
  section.categoriesFile .menuCategories {
    z-index: 99;
    padding-left: 150px; }
    section.categoriesFile .menuCategories .is-active > a {
      color: #00b1eb; }
    section.categoriesFile .menuCategories > li a {
      font-size: 16px;
      color: #2f3538; }
      section.categoriesFile .menuCategories > li a:hover {
        color: #00b1eb; }
    section.categoriesFile .menuCategories > li .activeCat {
      color: #00b1eb; }
    section.categoriesFile .menuCategories .menu .is-active > a {
      color: #2f3538; }
    section.categoriesFile .menuCategories .menu li a {
      font-size: 16px;
      color: #8994a0; }
      section.categoriesFile .menuCategories .menu li a:hover {
        color: #2f3538; }
      section.categoriesFile .menuCategories .menu li a a::after {
        border-color: #0000 #0000 #0000 #8994a0 !important; }
    section.categoriesFile .menuCategories .menu li .activeCat {
      color: #2f3538; }
    section.categoriesFile .menuCategories .doubleColumns {
      width: 400px; }
      section.categoriesFile .menuCategories .doubleColumns li {
        width: 50%;
        display: inline-block;
        vertical-align: top; }
    section.categoriesFile .menuCategories .triColumns {
      width: 600px; }
      section.categoriesFile .menuCategories .triColumns li {
        width: 30%;
        display: inline-block;
        vertical-align: top; }
  @media screen and (max-width: 63.9375em) {
    section.categoriesFile .menuCategories {
      padding-left: 10px; } }

section.articleContact {
  padding: 40px 10px 20px 10px; }
  section.articleContact .button {
    margin-top: 30px;
    color: #0068aa;
    float: right; }
    section.articleContact .button:hover {
      color: #fff; }

section.mapContact .mapGoogleView {
  max-height: 500px; }
  section.mapContact .mapGoogleView .googlemapsembed {
    max-height: 500px;
    padding-bottom: 53%; }
    section.mapContact .mapGoogleView .googlemapsembed iframe {
      max-height: 500px !important; }



/*# sourceMappingURL=app.css.map */
