/* CSS Document */
* {
     box-sizing: border-box;
}

html, body {
     font-family: Open sans, Helvetica, Arial, sans-serif;
     touch-action: manipulation;
     scrollbar-gutter:stable;
}

body.no-scroll {
     overflow: hidden;
     position: relative;
     padding-right: 17px;
}

html, body {
     min-height: 100%;
     width: 100%;
     margin: 0;
}
.mobile {
     display: none;
}
main {
     min-height: 50%;
}

.show {
     visibility: visible!important;
     background-color:rgba(0, 0, 0, 0.5);
     opacity: 1!important;
}

.overlay {
     position: fixed;
     bottom: 0;
     width: 100%;
     height: 100%;
     background-color:rgba(0, 0, 0, 1);
     z-index: 996;
     visibility: hidden;
     opacity: 0;
     transition: opacity 300ms, visibility 300ms;
}

.section-path {
     max-width: 1470px;
     margin: 0 auto 20px auto;
     padding-left: 50px;
     display: block;
     font-size: 16px;
}

.section-path a {
     white-space: nowrap;
}

.section-path--current {
     font-size: 20px;
     font-weight: bold;
     text-transform: uppercase;
}

.transparent {
     opacity: .3;
}

img.loading {
     opacity: 0;
     position: relative;
}

img.loading:before{
     content: 'Загрузка...';
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(50%, 50%);
}

.noselect {
     -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

json {
     display: none;
}

a {
     text-decoration: none;
     color: black;
}

select option:checked {
     background-color: rgb(206, 206, 206);
}

@media (max-width: 980px) {

     .desktop {
          display: none;
     }
     .mobile {
          display: block;
     }

     body.no-scroll{
          padding-right: 0;
     }

     body {

          overflow-x: hidden;
     }
}


.btn.btn-lg.btn-success {
     font-weight: bold;
     color: green;
     font-size: 25px;
     border: 1px solid green;
     padding: 20px;
     display: block;
     width: 170px;
     margin: 10px;
}
