.flats-box .head {
    position: static!important;
	width: 100% !important;
    padding-top: 0
}

.flats-box .head>.flex,
#flat {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

#flat {
    background: #fff;
    color: #d9d9d9;
    text-transform: uppercase
}

#flat .main-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

#flat .additional-images {
    position: absolute;
    bottom: -5px;
    left: 70px
}

#flat .additional-images a {
    display: inline-block;
    width: 40px;
    height: 30px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f3f3f3;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

#flat .additional-images a.active,
#flat .additional-images a:hover {
    border-color: #999
}

#filters .filter-block .floor-layout>img.zoom,
#filters .filter-block .genplan img.zoom,
#flat .main-image>img.zoom {
    position: absolute;
    max-width: 150%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    pointer-events: none
}

#flat .main-image:hover+#compass {
    opacity: 0
}

#flat .image-block .viewport {
    overflow: hidden
}

#flat .image-block .viewport>div {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#flat .image-block .viewport .next,
#flat .image-block .viewport .prev {
    position: absolute;
    top: 50%;
    margin-top: 2px;
    border: 12px solid transparent
}

#flat .image-block .viewport .prev {
    left: 0;
    border-right: 18px solid #a6a4a4
}

#flat .image-block .viewport .next {
    right: 0;
    border-left: 18px solid #a6a4a4
}

#flat .image-block .street {
    position: absolute;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 3px;
    font-family: 'Akrobat Semibold'
}

#flat .image-block .street::before {
    content: '';
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#flat .image-block .street.left::before,
#flat .image-block .street.right::before,
#flat .image-block .street.top::before {
    top: 100%;
    border-bottom: 7px solid #d9d9d9
}

#flat .image-block .street.bottom::before {
    bottom: 100%;
    border-top: 7px solid #d9d9d9
}

#flat .image-block .street.top {
    top: 0
}

#flat .image-block .street.bottom {
    bottom: 0
}

#flat .image-block .street.bottom,
#flat .image-block .street.top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#flat .image-block .street.left,
#flat .image-block .street.right {
    top: 50%
}

#flat .image-block .street.right {
    right: 0;
    -webkit-transform: rotate(90deg) translateY(-100%);
    -moz-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
    -o-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%)
}

#flat .image-block .street.left {
    left: 10px;
    -webkit-transform: rotate(-90deg) translateY(-100%);
    -moz-transform: rotate(-90deg) translateY(-100%);
    -ms-transform: rotate(-90deg) translateY(-100%);
    -o-transform: rotate(-90deg) translateY(-100%);
    transform: rotate(-90deg) translateY(-100%)
}

#flat .image-block .street.left span {
	position: absolute;
    left: 50%;
    top: 0;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#flat .image-block .street.left::before {
	top: 15px;
}

#compass {
    position: absolute;
    bottom: 30px;
    right: 70px
}

#compass svg {
    width: 30px;
    pointer-events: none
}

#compass.NW svg,
#compass.c3 svg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#compass.NE svg,
#compass.c2 svg {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#compass.W svg,
#compass.c8 svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

#compass.E svg,
#compass.c7 svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#compass.S svg,
#compass.c4 svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#compass.SE svg,
#compass.c5 svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

#compass.SW svg,
#compass.c6 svg {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

#compass svg path {
    fill: #d1d1d1
}

#flat .buttons {
    margin: 30px 0 10px;
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 18px
}

#flat .buttons svg {
    height: 25px;
    margin-left: 10px
}

#flat .buttons a:not([role=button]):not([href="#"]):hover span:not(.text) {
    border-bottom: 2px solid #1c4a47
}

#flat .buttons a[href="#"] {
    cursor: default;
    color: #c4c4c4
}

#flat .buttons a[href="#"] img {
    filter: grayscale(1)
}

#flat .buttons a[href="#"] svg path {
    fill: #c4c4c4
}

#flat .info {
    letter-spacing: 2px
}

#flat .info .flat {
    padding: 10px;
    margin-top: 10px;
    background: #2d2d2d;
    color: #fff
}

#flat .info .area>a,
#flat .info .flat>span>span,
#flat .info .floor a,
#flat .info .price-full>a,
#flat .info .price>a,
#flat .info .type>a {
    margin-top: -5px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 4px
}

#flat .info .area>a,
#flat .info .flat>span>span,
#flat .info .floor a,
#flat .info .price-full>a,
#flat .info .price>a {
    text-transform: none
}

#flat .info .tags>span {
    margin-top: -4px;
    font-size: 16px;
    line-height: 16px
}

#flat .info a,
#flat .info span {
    display: block
}

#flat .info span .lowercase {
	display: inline-block;
    text-transform: lowercase;
}

#flat .info .area,
#flat .info .floor,
#flat .info .price,
#flat .info .price-full,
#flat .info .tags,
#flat .info .type {
    color: #999
}

#flat .info .area>a,
#flat .info .floor a,
#flat .info .price-full>a,
#flat .info .price>a,
#flat .info .tags>a,
#flat .info .tags>span,
#flat .info .type>a,
#flat .info .type>span {
    color: #2d2d2d
}

#flat .info .area>a:hover,
#flat .info .floor a:hover,
#flat .info .price-full>a:hover,
#flat .info .price>a:hover,
#flat .info .tags>a:hover,
#flat .info .type>a:hover {
    color: #1c4a47
}

#flat .info .price .price-details {
	font-size: 10px;
	color: #090909;
}

#flat .info .price .price-details.red {
	color: #ed0000;
}

#flat .info>div {
    font-family: 'Akrobat Bold'
}

#flat .info>div:not(.flat):not(.details) {
    padding: 10px 0
}

#flat .info .details {
    background: #a6a4a4;
    color: #fff
}

#flat .info .details>.toggle {
    display: inline-block
}

#flat .info .details>.toggle::before,
#toggle-installment>span::before {
    content: '';
    position: absolute;
	top: 6px;
    left: -17px;
    border: 5px solid transparent;
}

#flat .info .details>.toggle::before {
	border-top: 8px solid #fff
}

#toggle-installment>span::before {
	border-left: 8px solid #fff
}

#toggle-installment>span {
	display: inline-block !important;
	padding-right: 5px;
}

#flat .info .details>.inner {
    background: inherit;
    font-weight: 400;
    font-family: 'Akrobat Semibold';
	z-index: 1;
}

#flat .info .details>.inner>div {
    padding: 5px
}

#flat .buttons {
    color: #1c4a47;
    font-family: 'Akrobat Bold'
}

#flat .buttons a {
    display: inline-block;
    padding: 0 10px;
    margin: 10px 0
}

#flat .buttons .hid_budivnytstva a::after,
#flat .buttons .umovy_prodazhu a::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #a6a4a4;
    width: 2px;
    height: 25px
}

#flat .buttons .callback {
    padding:10px 5px;
    margin: 0;
    background: #1c4a47;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    letter-spacing:3px;
    white-space: nowrap;
}

#flat .buttons .callback:hover .animated-1 {
    display: none
}

#flat .buttons .callback .animated-1 {
    display: inline-block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin-right: 10px;
    -webkit-animation: callback-animate-2 1s linear infinite;
    -moz-animation: callback-animate-2 1s linear infinite;
    animation: callback-animate-2 1s linear infinite
}

#flat .buttons .callback .animated-2 span:first-child {
    -webkit-animation: callback-animate-2 1.5s linear infinite;
    -moz-animation: callback-animate-2 1.5s linear infinite;
    animation: callback-animate-2 1.5s linear infinite
}

#flat .buttons .callback .animated-2 span:nth-child(2) {
    -webkit-animation: callback-animate-2 1.5s linear .5s infinite;
    -moz-animation: callback-animate-2 1.5s linear .5s infinite;
    animation: callback-animate-2 1.5s linear .5s infinite
}

#flat .buttons .callback .animated-2 span:nth-child(3) {
    margin-right: 10px;
    -webkit-animation: callback-animate-2 1.5s linear 1s infinite;
    -moz-animation: callback-animate-2 1.5s linear 1s infinite;
    animation: callback-animate-2 1.5s linear 1s infinite
}

@keyframes callback-animate-1 {
    0%,
    100%,
    25%,
    75% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes callback-animate-1 {
    0%,
    100%,
    25%,
    75% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes callback-animate-2 {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes callback-animate-2 {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

#parameters .sorts.links .select>span::before {
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%)
}

#parameters .sorts.links .select>span {
    padding-top: 2px
}

#filters .filter-block {
    padding: 73px 0 0
}

#filters .filter-block .link {
    position: absolute;
    top: 10px;
    padding: 10px;
    background: #292929;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 3px;
    font-family: 'Akrobat Semibold'
}

#filters .filter-block .link>span {
    display: block;
    font-size: 14px;
    line-height: 18px
}

#filters .filter-block .link.category-4 span {
	font-size: 18px;
}

#filters .filter-block .link.first {
    left: 0;
    width: 52%;
}

#filters .filter-block .link.last {
    right: 0;
    width: 46%;
}

#filters .filter-block .genplan {
    height: 200px;
    height: 16.5vw
}

#filters .filter-block .floor-layout {
    height: 200px;
    height: 22vh
}

#filters .filter-block .genplan {
    background-size: cover;
    overflow: hidden;
    cursor: zoom-in
}

#filters .filter-block .floor-layout {
    margin-bottom: 10px;
    overflow: hidden
}

#filters .filter-block .floor-layout,
#filters .filter-block .floor-layout>.after,
#filters .filter-block .floor-layout>.before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: zoom-in
}

#filters .filter-block .floor-layout>.before,
#filters .filter-block .floor-layout>img.zoom:not(.flat) {
    opacity: .5
}

#filters .filter-block .floor-layout>.after,
#filters .filter-block .floor-layout>.before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#filters .filter-block {
    margin: 10px 0 0
}

#filters .title {
    padding: 5px 10px 6px;
    background: #292929
}

#flat .info .flat .nav .next,
#flat .info .flat .nav .prev,
#flat .info .floor .nav .next,
#flat .info .floor .nav .prev {
    width: 30px;
    height: 30px
}

#flat .info .flat .nav .next,
#flat .info .flat .nav .prev {
    border: 1px solid #fff
}

#flat .info .floor .nav .next,
#flat .info .floor .nav .prev {
    border: 1px solid #a6a4a4
}

#flat .info .flat .nav .next::before,
#flat .info .flat .nav .prev::before,
#flat .info .floor .nav .next::before,
#flat .info .floor .nav .prev::before {
    content: '';
    position: absolute;
    border: 5px solid transparent
}

#flat .info .flat .nav .next::before,
#flat .info .flat .nav .prev::before {
    top: 9px
}

#flat .info .floor .nav .next::before,
#flat .info .floor .nav .prev::before {
    left: 9px
}

#flat .info .flat .nav .prev::before {
    left: 4px;
    border-right: 7px solid #fff
}

#flat .info .flat .nav .next::before {
    right: 4px;
    border-left: 7px solid #fff
}

#flat .info .floor .nav .prev::before {
    bottom: 5px;
    border-top: 7px solid #a6a4a4
}

#flat .info .floor .nav .next::before {
    top: 5px;
    border-bottom: 7px solid #a6a4a4
}

#flat .info .flat .nav .prev,
#flat .info .floor .nav .prev {
    margin-right: 10px
}

#flat .info .floor .nav .prev {
    margin-left: 10px
}

#flat .image-block .sale-link {
	position: absolute;
    top: 0;
    left: -10px;
	padding: 5px 5px 5px 18px;
    background: #438682;
    color: #fff;
    border: 1px solid #1c4a47;
    text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	z-index: 2;
}

#flat .image-block .sale-link span {
	display: block;
	font-size: 32px;
    line-height: 32px;
}

#flat .info .old-price {
	display: inline-block;
	text-decoration: line-through;
	color: #9a2323;
}

#flat .info .price-full>a.green,
#flat .info .price>a.green {
	color: #438681;
}

#flat .info .area>#toggle-installment {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	background: #a6a4a4;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 21px;
}

#filters.no-overflow {
	overflow: hidden;
}

#filters:not(.no-overflow) {
	overflow: visible;
}

#installment .conditions-table,
#installment #table-calc {
	width: 100%;
	border-collapse: collapse;
	letter-spacing: 2px;
}

#installment .conditions-table td span,
#installment #table-calc td span {
	display: block;
}

#installment .conditions-table td span.months,
#installment #table-calc td span.months,
#installment #table-calc td span.percent,
#installment #table-calc td span.discount,
#installment #table-calc td span.discount_number {
	display: inline-block;
}

#installment .conditions-table th,
#installment .conditions-table td,
#installment #table-calc th,
#installment #table-calc td {
	padding: 5px 10px;
	border: 1px solid #fff;
	vertical-align: baseline;
}

#installment #table-calc th,
#installment #table-calc td {
	width: 25%;
}

#installment #table-calc th:first-child,
#installment #table-calc td:first-child {
	border-left: 0;
}

#installment #table-calc th:last-child,
#installment #table-calc td:last-child {
	border-right: 0;
}

#installment .conditions-table td,
#installment #table-calc td {
	background: #464646;
}

#installment .conditions-table td:last-child,
#installment #table-calc td:last-child {
	background: #1c4a47;
}

#installment #table-calc tr:last-child td {
	border-bottom: 0;
}

#installment .conditions-table th,
#installment #table-calc th {
	font-size: 13px;
	line-height: 13px;
}

#installment .conditions-table td .small,
#installment #table-calc td .small {
	color: #b7b7b7;
	font-size: 11px;
	line-height: 11px;
}

#installment .conditions-table td,
#installment #table-calc td {
	font-weight: bold;
	color: #f3f3f3;
	font-size: 16px;
	line-height: 16px;
}

#filters #installment .title {
	background: transparent;
}

#filters #installment>.title {
	margin-bottom: 5px;
}

#installment .callback {
	display: block;
	padding: 10px;
	margin: 30px 0 20px;
	background: #1c4a47;
	border: 1px solid #f3f3f3;
	color: #f3f3f3;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 4px;
}

#installment .block-calculate {
	border: 1px solid #fff;
}

#installment .block-calculate .current-values .from {
	display: none !important;
}

#installment .block-calculate .current-values .to {
	display: block;
	min-width: 80px;
	width: 80px;
	margin-right: 16px;
    font-weight: bold;
	font-size: 12px;
    letter-spacing: 4px;
	text-align: right;
	white-space: nowrap;
}

#installment .block-calculate .current-values .title {
	display: block;
	width: 100%;
	margin-left: 0;
	text-align: left;
}

#installment .block-calculate .current-values .to,
#installment .block-calculate .current-values .title {
	white-space: nowrap;
}

.theme-green .back-bar::before {
	background: #1c4a47;
}

#filters #installment .filter-block {
	padding: 5px 0 10px;
}

#filters #installment .block-calculate>.filter-block:first-child {
	margin-top: 0;
}

#installment .conditions-link {
	display: block;
	margin-top: 5px;
	letter-spacing: 1px;
}

#installment .slider-container {
	
}

#installment .slider-container .pointer.high::after {
	right: 30px;
    top: -6px;
	border-width: 0 5px 6px 5px;
    border-color: transparent transparent #f3f3f3 transparent;
}

.toggle-installment-box {
	padding-bottom: 20px !important;
}

#installment .theme-green .back-bar .selected-bar::before,
#installment .theme-green .back-bar::before,
#installment .theme-green .back-bar::after {
	width: 30px;
}

#installment .theme-green .back-bar::before {
	opacity: 0;
}

#installment .slider-container .pointer.high::before {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
}

#filters .close-installment {
	position: absolute;
    right: 100%;
    top: 9px;
    background: #2d2d2d;
    width: 34px;
    height: 34px;
    z-index: 20;
	color: #b7b7b7;
	font-size: 22px;
    line-height: 22px;
    font-weight: bold;
}

#flat .info .details {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 4px;
}

@media (min-width:769px) {
	
	#installment {
		position: absolute;
		width: 100%;
		height: 100%;
		padding: 20px 10px 50px;
		left: 0;
		top: 0;
		background: #2d2d2d;
		z-index: 1;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		overflow-y: auto;
	}
	
	#installment:not(.open) {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	
	.flats-box {
        min-height: calc(100vh - 60px);
		height: 100%;
		padding: 10px 0 10px 10px;
		max-width: 74%;
    }
	
	 #filters {
        max-height: 100%;
		max-width: 25%;
    }
	
    #flat {
        margin-top: 5px;
        border: 1px solid #999
    }
    #flat .main-image {
        width: 100%;
        margin-bottom: 15px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
        cursor: zoom-in
    }
    #flat .image-block {
        min-width: 75%;
        max-width: 75%;
        width: 75%;
        padding: 20px 70px;
        margin-top: 10px
    }
	
	#flat .details-box {
		padding-bottom: 20px !important;
	}
	
    #flat .info>div:not(.flat):not(.details) {
        margin-right: 10px
    }
    #flat .info .details {
        padding: 0 5px
    }
    #filters .filter-block .floor-layout:hover,
    #filters .filter-block .floor-layout:hover>.after,
    #filters .filter-block .floor-layout:hover>.before,
    #filters .filter-block .genplan:hover,
    #flat:not(.floor) .main-image:hover {
        background: 0 0!important
    }
    #flat .buttons .callback:not(:hover) .animated-2 {
        display: none
    }
    #flat .info .details>.inner {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s
    }
    #flat .info .details:not(:hover)>.inner {
        opacity: 0;
        pointer-events: none
    }
    #flat .info>div:not(:last-child) {
        border-bottom: 1px solid #a6a4a4
    }
    #filters .filter-block .floor-layout:not(:hover)>img.zoom,
    #filters .filter-block .genplan:not(:hover) img.zoom,
    #flat .main-image:not(:hover)>img.zoom {
        opacity: 0
    }
    #flat .buttons .callback {
        max-width: 25%;
        min-width: 15%;
        width: 25%
    }
}

@media (max-width: 1600px) {
	#installment .conditions-table td,
	#installment #table-calc td {
		font-size: 14px;
		line-height: 14px;
	}
	
	#installment .conditions-table th,
	#installment .conditions-table td,
	#installment #table-calc th,
	#installment #table-calc td {
		padding: 5px;
	}
	
	#flat .details-box,
	.toggle-installment-box {
		padding-bottom: 30px !important;
	}
	
    #filters .filter-block .link>span,
	#filters .filter-block .link.category-4 span {
		font-size: 15px;
	}
}

@media (max-width: 1400px) {
	
	#installment .conditions-table th,
	#installment .conditions-table td,
	#installment #table-calc th,
	#installment #table-calc td {
		padding: 5px 2px;
	}
	
	#flat .info .area>#toggle-installment,
	#flat .info .details {
		font-size: 11px;
	}
	
	#installment .conditions-table th,
	#installment #table-calc th {
		font-size: 11px;
		line-height: 11px;
	}
	
	#installment .conditions-table td,
	#installment #table-calc td,
	#installment .block-calculate .current-values .title {
		font-size: 13px;
		line-height: 13px;
	}
	
	#installment .callback {
		font-size: 12px;
	}
	
	.toggle-installment-box,
	#flat .details-box {
		padding-bottom: 30px !important;
	}
	
	#installment .block-calculate .current-values .title {
		margin-left: 0;
		text-align: left;
	}
	
	#installment .block-calculate .current-values .to {
		margin-right: 0;
		padding-right: 16px;
	}
	
    #filters .filter-block .link>span,
	#filters .filter-block .link.category-4 span {
		font-size: 13px;
	}
}

@media (max-width: 1300px) and (min-width: 769px) {
	
	#filters .filter-block {
		padding-top: 150px;
	}
	
	#filters .filter-block .link {
		width: 100%!important;
	}
	
	#filters .filter-block .link.last {
		top: 80px;
	}
}

@media (max-width:768px) {
    body {
        background: #fff
    }
    body.vertical #flat .image-block,
    body.vertical #flat .main-image {
        height: 100vw
    }
    #flat .info .details>.inner {
        overflow: hidden;
        height: 0;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        transition: height .3s;
    }
    #flat .info .details>.toggle {
        margin-right: 5px
    }
    #flat .buttons {
        margin-top: 0
    }
    #compass {
        right: 10px
    }
    .flats-box {
        padding: 0
    }
    #flat {
        padding: 0 10px
    }
    #filters {
        position: static;
        opacity: 1!important;
        pointer-events: all!important
    }
    #flat .buttons .callback br,
    #flat .image-block .street,
    #flat .image-block .viewport .next,
    #flat .image-block .viewport .prev,
    #mobile-apply-filters,
    #mobile-show-filters {
        display: none
    }
    #flat .main-image {
        overflow: scroll;
        width: 100%
    }
    #flat .main-image.open {
        background: 0 0!important
    }
    #flat .main-image:not(.open)>img.zoom {
        display: none
    }
    #flat .main-image>img.zoom {
        position: static;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    body.vertical #filters .filter-block .floor-layout,
    body.vertical #filters .filter-block .genplan {
        height: 100vw
    }
    #flat .buttons .callback {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 10px;
        text-align: center;
        z-index: 9
    }
    .sorts .select:not(#sort)>span:first-child {
        margin-left: 0
    }
    .flats-box .head>.flex>.flex-1:first-child {
        margin-right: 0
    }
    #flat .info .details>.inner>div {
        border-top: 5px solid #fff
    }
    #filters {
        padding: 10px 0 0
    }
    #filters .filter-block .link.mobile-first {
        left: 0;
        right: auto
    }
    #filters .links {
        padding: 10px 10px 20px;
        background: #292929;
        border-top: 1px solid #252525
    }
    #filters .links>.title {
        margin-bottom: 10px
    }
    #filters .contacts .map,
    #filters .links a {
        display: block;
        height: 42px;
        border: 1px solid #fff;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 16px;
        line-height: 16px
    }
    #filters .contacts .map {
        margin: 10px 0 0
    }
    #filters .links a {
        margin-bottom: 10px
    }
    #filters .contacts .map::after,
    #filters .links a::after {
        content: '';
        right: 10px;
        border: 6px solid transparent;
        border-right: 8px solid #fff
    }
    #filters .contacts .map::after,
    #filters .contacts .map>span,
    #filters .links a::after,
    #filters .links a>span {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #filters .links a .number {
        white-space: nowrap
    }
    #filters .contacts .map>span,
    #filters .links a>span {
        right: 30px
    }
    #filters .filter-block {
        margin-bottom: 0!important
    }
    #filters .filter-block:first-child {
        margin-bottom: 10px
    }
    #filters .title {
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
        line-height: 16px
    }
    #filters>.title {
        padding-left: 10px;
        padding-right: 10px
    }
    #filters .contacts {
        padding: 0 10px 30px;
        background: #292929;
        font-size: 23px;
        line-height: 25px;
        text-transform: uppercase;
        letter-spacing: 3px
    }
    #flat .buttons .callback {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 3px
    }
    #parameters {
        padding-bottom: 55px
    }
    #flat .buttons a {
        color: #2d2d2d
    }
    #flat .buttons>div {
        border-bottom: 1px solid #a6a6a6
    }
    .mobile-head {
        padding: 0 0 10px;
        margin: 0 10px;
        border-bottom: 1px solid #a6a6a6
    }
    .mobile-head .flat,
    .mobile-head .parameters {
        background: #2d2d2d
    }
    .mobile-head .parameters {
        height: 31px;
        padding: 5px
    }
    .mobile-head .parameters>img {
        display: block;
        width: 21px
    }
    .mobile-head .flat {
        display: inline-block;
        padding: 10px;
        font-family: 'Akrobat Bold'
    }
    .mobile-head .flat,
    .mobile-head .floor {
        min-width: 120px;
        min-width: 45vw
    }
    .mobile-head .flat,
    .mobile-head .floor,
    .mobile-head .house-section {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: 3px;
        text-transform: uppercase
    }
    .mobile-head .flat span,
    .mobile-head .floor span {
        display: block;
        text-transform: none;
        font-size: 24px;
        line-height: 20px;
        font-family: 'Akrobat Bold'
    }
    .mobile-head .house-section {
        padding: 3px 0 2px;
        margin: 10px 0;
        border: 1px solid #727272
    }
    .mobile-head .floor,
    .mobile-head .house-section {
        color: #727272
    }
    .mobile-head .floor .flat {
        color: #fff
    }
    body.horizontal #filters .filter-block .floor-layout,
    body.horizontal #filters .filter-block .genplan,
    body.horizontal #flat .image-block,
    body.horizontal #flat .main-image {
        height: 50vw
    }
    body.horizontal #compass {
        bottom: 0
    }
    #filters .filter-block .floor-layout {
        cursor: pointer
    }
    #flat .info>div {
        border-bottom: 1px solid #a6a4a4
    }
    #imageViewport.open .main-image {
        background: 0 0;
        overflow: auto
    }
    #imageViewport .main-image>img.zoom {
        position: static;
        -webkit-transform: translateX(0) translateY(0)!important;
        -moz-transform: translateX(0) translateY(0)!important;
        -ms-transform: translateX(0) translateY(0)!important;
        -o-transform: translateX(0) translateY(0)!important;
        transform: translateX(0) translateY(0)!important
    }
    #imageViewport.open .main-image>img.zoom {
        display: block;
        opacity: 1;
        pointer-events: all
    }
    #flat .additional-images {
        position: static;
        margin-top: -10px;
        text-align: center
    }
    #flat .additional-images a {
        width: 20px;
        height: 20px;
        background: #fff;
        border: 2px solid #999
    }
    #flat .additional-images a.active {
        background: #438782!important
    }
    #imageViewport.open+.additional-images {
        display: none
    }
    #filters .filter-block .floor-layout.open {
        background: 0 0
    }
    #filters .filter-block .floor-layout,
    #filters .filter-block .genplan {
        overflow: auto
    }
    #filters .filter-block .floor-layout.open,
    #filters .filter-block .genplan.open {
        background: 0 0!important
    }
    #filters .filter-block .floor-layout.open img,
    #filters .filter-block .genplan img.zoom {
        position: static;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        pointer-events: all
    }
    #filters .filter-block .floor-layout.open img.flat {
        position: absolute;
        top: 0;
        left: 0
    }
    #filters .filter-block .floor-layout:not(.open) img,
    #filters .filter-block .genplan:not(.open) img.zoom {
        opacity: 0;
        display: none
    }
    #filters .filter-block .floor-layout.open>.after,
    #filters .filter-block .floor-layout.open>.before {
        display: none
    }
    #mobile-menu-close,
    #mobile-menu-open {
        top: 11px;
        right: 10px
    }
    #filters .filter-block .genplan {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
    .mobile-head .nav {
        margin-left: 10px
    }
    .mobile-head .nav .prev {
        margin-right: 10px
    }
    .mobile-head .nav .next,
    .mobile-head .nav .prev {
        width: 30px;
        height: 30px;
        background: #2d2d2d
    }
    .mobile-head .nav .next::before,
    .mobile-head .nav .prev::before {
        content: '';
        position: absolute;
        border: 5px solid transparent;
        top: 9px
    }
    .mobile-head .nav .prev::before {
        left: 5px;
        border-right: 7px solid #fff
    }
    .mobile-head .nav .next::before {
        right: 5px;
        border-left: 7px solid #fff
    }
	
	#flat .image-block .sale-link {
		top: -10px;
	}
	
	#installment {
		padding: 10px 10px 30px;
	}
	
	#filters #installment .title {
		margin-left: 10px;
	}
}

@media (min-width: 1300px) and (max-height: 700px) {
	
	body,
	button,
	input,
	textarea {
		font-size: 12px;
		line-height: 18px;
	}
	
	#flat .buttons .callback {
		font-size: 16px;
		line-height: 17px;
	}
	
	#flat .info .tags>span {
		font-size: 14px;
		line-height: 14px;
	}
	
	#flat .info .area>a,
	#flat .info .flat>span>span,
	#flat .info .floor a,
	#flat .info .price-full>a,
	#flat .info .price>a,
	#flat .info .type>a {
		font-size: 20px;
		line-height: 20px;
	}
}