@media screen and (min-width: 768px) {
	.container-fluid {
		padding-left: 60px;
		padding-right: 60px
	}
    .pswp__img {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.cta-btn {
	background-color: #ef3a35;
	border: 4px solid #ff0000;
	font-size: 19px;
}
.fs-18 {
    font-size: 18px;
}

div.dropdown {
    cursor: pointer;
    position: relative;
    user-select: none;
    margin-bottom: 20px;
}

.dropdown .btn {
    width: 100%;
}
.btn-plan {margin-bottom: 20px;}
.dropdown-header {
    padding: 0;
}

.dropdown.open .dropdown-content {
    display: block
}

.dropdown-content {
    position: absolute;
    z-index: 2;
    display: none;
    left: 0;
    right: 0;
    top: 100%;
}
.dropdown-content label {
    margin-bottom: 0;
    line-height: 46px
}

@media screen and (min-width: 1600px) {
    .dropdown-title {
        font-size: 18px
    }
}

.lot-panel {
    margin-bottom: 20px;
    background-color: white;
    box-shadow: 0 2px 9px rgba(64, 16, 16, 0.3);
}
.lot-panel h1 {
    margin: 0;
}
.lot-panel img { max-width: 100% }
.panel-content { padding: 15px 30px }
.panel-title {
    font-size: 36px;
    padding-bottom: 5px
}
@media (max-width: 768px) { .panel-title { font-size: 28px } .lot-block {padding-bottom:60px;}}

/*.lot-content-right .btn {
    margin-bottom: 20px
}*/

/*@media screen and (min-width: 1160px) {
    .lot-content { width: calc(64% - 30px) }
    .lot-content-right { width: 36% }
}*/

.lot-main {
    padding-top: 90px;
    overflow: hidden;
}

.lot-options {
    position: relative;
    font-size: 18px;
}
.lot-options.close {
    padding-bottom: 53px;
}

.lot-options.close .lot-options-list {
    max-height: 173px
}
.lot-options.close .lot-options-more {
    display: block
}

.lot-options-list {
    line-height: 48px;
    margin: 0;
    padding-bottom: 1em;
    overflow: hidden;
    transition: max-height .6s;
    max-height: 800px
}

.lot-options-list dd, .lot-options-list dt {
    height: 48px;
    line-height: 48px;
}

.lot-options-list dd {
    float: right;
    margin-top: -48px;
    padding-right: 30px;
}

.lot-options-list dt {
    padding-left: 30px;
}
.lot-options-list dt:nth-child(4n+3) {
    background-color: #E1BDBB
}

/*.lot-options-more {
    left: 0;
    right: 0;
    bottom: 17px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    display: none;
}*/

.lot-info-content img {
    width: 100%;
    display: block
}

.lot-label-title {
    display: inline-block;
    font-size: 18px;
    float: right;
    background-color: #a60e0e;
    color: white;
    padding: 9px 10px 6px;
    line-height: 1;
}

.lot-slider {
    overflow: hidden;
}

.lot-slider-zoom {
    width: 60px;
    height: 60px;
    line-height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background-color: rgba(0,0,0,.3);
    transition: background-color .2s;
    text-align: center;
    color: white;
    z-index: 5;
    font-size: 30px;
    position: absolute;
}

.lot-slider-zoom:hover {
    background-color: black
}

.lot-slider-item, .lot-arr-item {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.lot-slider-item:after, .lot-arr-item:after {
    content: '';
    padding-top: 64%;
    display: block
}

.lot-arr-item {
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    margin-top: 15px;
    color: white;
    width: calc(25% - 11px);
}
@media (max-width: 767px) {
	.lot-arr-item {	width: 25%};
}

@media screen and (min-width: 768px) {
    .lot-info-content {
        float: left;
        width: calc(50% - #{$padding/2})
    }

    .lot-info-content:nth-child(2n+1) {
        padding-right: 30px
    }

    .lot-arr-item {
        width: calc(25% - 15px);
        margin-top: 20px
    }

    .lot-arr-item:not(:last-child) {
        margin-right: 20px
    }
}

.lot-arr-item-bg {
    position: absolute;
    font-size: 18px;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    height: 15vw;
    line-height: 15vw;
    top: 50%;
    margin-top: -7.5vw;
}

@media screen and (min-width: 992px) {
    .lot-content, .lot-content-right {
        float: left
    }

    .lot-content {
        width: calc(100% - 330px);
        padding-right: 30px
    }

    .lot-content-right {
        width: 300px
    }

    .lot-arr-item-bg {
        font-size: 1.1vw
    }
}

/*.lot-catalog {
    position: relative;
    height: 287px;
    margin-bottom: $padding
}

.lot-catalog-bg
    @extend .z-header-bg
    @extend .abs
    @extend .bg-cover
    top: 0
    left: 0
    right: 0
    bottom: 0
    filter: brightness(70%) grayscale(30%)
    background-position: center 87%

    @media screen and (min-width: $lg-size)
        background-attachment: fixed

.lot-catalog-title
    @extend .rel
    @extend .h2
    @extend .uppercase
    @extend .text-center
    color: white
    line-height: 287px

.lot-catalog-select
    @extend .abs
    bottom: 30px
    right: 30px

    @media screen and (max-width: $xs-max)
        text-align: center
        left: 10px
        right: 10px
        bottom: 10px

        .inline-block
            margin-bottom: 10px

.lot-list-title
    margin-top: 60px
    margin-bottom: 30px

.lot-list-content
    @media screen and (min-width: $sm-min)
        margin: 0 -$padding/2

.lot-list-item
    @extend .text-center
    @extend .block
    @extend .no-decor
    @extend .black
    line-height: 1.6
    margin: $padding/2 0
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.2)
    padding-bottom: 20px

    @media screen and (min-width: $sm-min)
        width: calc(33.33% - #{$padding})
        float: left
        margin-left: $padding/2
        margin-right: $padding/2

.lot-list-img
    @extend .bg-cover
    margin-bottom: 20px
    &:after
        @extend .block
        content: ''
        padding-bottom: 75%
*/
.lot-slider .slick-prev, .lot-slider .slick-next {
    height: 100%;
    width: 20%;
    opacity: 0.4;
}
.lot-slider .slick-prev:hover, .lot-slider .slick-next:hover {
    opacity: 1
}
.lot-slider .slick-prev:before, .lot-slider .slick-next:before {
    position: relative;
    top: 10px;
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    transform: rotate(45deg);
    margin-top: -20px;
    transition: opacity .2s;
    border: 3px solid transparent;
}
.lot-slider .slick-prev {
    left: 0
}
.lot-slider .slick-prev:before {
    left: 25px;
    border-bottom-color: white;
    border-left-color: white
}
.lot-slider .slick-next {
    right: 0;
    direction: rtl
}
.lot-slider .slick-next:before {
    right: 25px;
    border-top-color: white;
    border-right-color: white;
}

.btn-video {
    width: 100%;
    margin-bottom: 20px;
}

.video-icon {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 13px;
}

.video-icon:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent white;
    border-width: 7px 10px;
    top: 2px;
}

/*.price-changer
    @extend .abs
    width: 87px
    right: 10px
    top: 50%
    margin-top: -42px

.price-changer-block
    @extend .text-center
    @extend .r
    @extend .pointer

    width: 33px
    height: 33px
    line-height: 36px
    margin: 3px
    border: 1px solid $red
    font-size: 22px

    &.active
        color: white
        background-color: $red
*/


.watermark {
    position: fixed;
    z-index: 10000;
    background: url('../assets/img/wm.png') no-repeat center 70%/auto 30%;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.watermark.hidden {
    bottom: auto;
    display: none;
}

@media(min-width:768px) {
    .watermarked {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }
}