body{
    font-family: Montserrat, sans-serif;
    position:relative;
}
body,html{
    position:relative;
    overflow-x: hidden;
    height:100%;
    -webkit-overflow-scrolling: touch;
}
.container{
    transition:0.3s ease-out;
}
.container.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(46,58,75,0.7);
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:center;
}
.container.modal .modal-window{
    position:Relative;
    opacity:0;
    visibility:hidden;
    transition:0.2s;
    top:-30px;
    display:none;
}
.container.modal .modal-window.active-block{
    display:block; 
}
.container.modal .modal-window.active{
    opacity:1;
    visibility:visible;
    top:0;
}
.container.modal .modal-window.default{
    width:500px;
    min-height:200px;
    background:White;
    padding:40px;
    box-shadow:0 0 4px 2px rgba(0,0,0,0.3);
    border-radius:4px;
}
.container.modal .modal-window .title{
    width:100%;
    font-size:25px;
    font-weight:600;
    margin:0 0 40px 0;
    color:var(--block-dark-title);
}
.container.modal .modal-window .accept{
    line-height:20px;
}
.container.modal .modal-window .navigation{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.container.modal .modal-window .navigation .button{
    position:relative;
    display:flex;
    color:White;
    font-size:14px;
    font-weight:500;
    box-sizing:border-box;
    width:50%;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.1s;
}
.container.modal .modal-window .navigation .button:hover{
    text-decoration:underline;
}
.container.modal .modal-window .navigation .button.yes{
    background:var(--accept-grey);
    border-radius:0 0 0 4px;
}
.container.modal .modal-window .navigation .button.no{
    background:var(--cancel);
    border-radius:0 0 4px;
}
.flex-break-line {
  flex-basis: 100%;
  height: 0;
}
.flex-break-column {
  flex-basis: 100%;
  width: 0;
}
.flex-line{
    display:flex;
    align-items:center;
}
.flex-line.wrap{
    flex-wrap:wrap;
}
.removed{
    display:none !important;
}
[media-zoom]{
    cursor:zoom-in;
}