.my_first{
width: 70%
}

.my_second{
    position: absolute;
    top: 5%;
    left: 70%;
    min-width: 30%;
}

.scheme-map__content {
    position: absolute;
    overflow:scroll;
    top: 15px;
    min-width: 100%;
    max-height: 400px;
    padding: 15px 5px 0px 5px;
    background-color: #fff;
    border: 1px solid #d1dbe3;
    -webkit-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1)
}

svg.scheme-common {
    position: absolute;
    top: 500px;
    left: 0%;
    width: auto;
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index:100;
}

.active_svg {
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 10%
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tags-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 35%;
    padding-bottom: 20px
}

.tags-items__item {
    display: none;
    margin-bottom: 5px;
    padding: 3px 7px 5px;
    font-size: 1rem;
    font-weight: bold;
    border: 3px solid #d1dbe3;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.tags-items__item:hover {
    border-color: #00a5e8
}

.tags-items__item:not(:last-child) {
    margin-right: 5px
}

.tags-items__item.visible {
    display: block
}

.tags-items__item.active {
    border-color: #00a5e8;
    background-color: #00a5e8;
    color: #fff
}

.tags-items__item.active.stocks {
    color: #fff;
    background-color: #f4511e
}

.tags-items__item.stocks {
    border-color: #f4511e
}

.tags-list {
	padding: 0px 0px 0px 100px;
    width: 100%
}

.tags-list__select {
    display: none;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #d1dbe3
}

.tags-list__item {
    padding: 5px 15px;
    font-size: .9rem;
    border: 1px solid #d1dbe3;
    cursor: pointer;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.tags-list__item:hover {
    background-color: rgba(155, 134, 127, 0.22)
}

.tags-list__item.active {
    color: #fff;
    background-color: #00a5e8
}

.scheme__wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    padding: 40px 0 70px
}

.scheme-map {
    text-align: center
}

.scheme-map svg {
    width: auto;
    height: auto
}

.scheme-map__tooltip {
    position: fixed;
    min-width: 180px;
    padding: 10px 20px 20px;
    background: #fff;
    -webkit-box-shadow: 0 40px 80px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 40px 80px 20px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 5px 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.scheme-map__tooltip.shown {
    opacity: 1;
    visibility: visible
}

.scheme-map__tooltip::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    border: 20px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.scheme-map__tooltip_position {
    font-size: 1.725rem;
    color: #800000;
    text-transform: uppercase
}

.scheme-map__tooltip_name {
    font-weight: bold;
    text-transform: uppercase
}

.scheme-map__tooltip span {
    display: block;
    font-size: .875rem;
    line-height: 150%;
    text-align: left
}

.scheme-map__content .icon-cancel {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.scheme-map__content_pretitle {
    margin-bottom: 3px;
    font-size: .75rem;
    line-height: 180%;
    color: #979797;
    text-transform: uppercase
}

.scheme-map__content_name {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 150%;
    font-weight: bold
}

.scheme-map__content_category b {
    color: #026ec2
}

.scheme-map__content_contacts {
    margin-top: 20px;
    font-size: .875rem
}

.scheme-map__content_contacts_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #026ec2
}

.scheme-map__content_contacts_item:not(:last-child) {
    margin-bottom: 10px
}

.scheme-map__content_contacts_item .icon {
    margin-right: 10px;
    color: #401d1c;
    opacity: .5
}

.scheme-map__content_contacts_item.rent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scheme-map__content_contacts_item.rent span {
    display: block;
    width: 100%;
    margin-bottom: .7rem;
    font-size: 12px;
    color: #979797
}

.scheme-map__content_social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 15px
}

.scheme-map__content_social .icon {
    margin-right: 5px;
    font-size: 13px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.scheme-map__content_social .icon:hover {
    opacity: 1
}

.scheme-map__content .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 15px;
    padding: 10px 20px;
    font-size: .875rem
}

[data-id] {
    position: relative;
    cursor: pointer;
    fill: #00a5e8;
    -webkit-transform-origin: 0, 0;
    -ms-transform-origin: 0, 0;
    transform-origin: 0, 0;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s
}

[data-id]:not(.selected):hover {
    fill: #ef3f40 !important
}

[data-id].selected {
    fill: #c91415 !important
}

[data-id].active {
    fill: #00a5e8
}

[data-id].fixed {
    fill: #c91415 !important
}

[data-id].stocks {
    fill: #f4511e
}

.next-section {
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.next-section:hover {
    fill: rgba(34, 34, 34, 0.6)
}

[data-section-view] {
    display: none
}

[data-section-view].active {
    display: block
}

[data-secton-preview] {
    fill: #00a5e8;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

[data-secton-preview]:hover {
    fill: rgba(0, 165, 232, 0.5)
}

[data-secton-preview].active {
    fill: #c91415
}

.subscribe {
    background-color: #f7f9fa
}

.subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 790px;
    margin: 50px auto 0;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1);
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.1);
    border-radius: 5px
}

.subscribe-form .input {
    width: 80%;
    margin-right: 30px
}

.subscribe .title {
    font-weight: normal;
    text-transform: none
}


@media screen and (max-width: 580px) {
    .scheme-map__tooltip {
        display: none
    }

	.my_first{
		margin-left: -3%
	}

	.my_second{
		width: 35%;
		margin-right: -50%
	}

    .subscribe-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .subscribe-form .input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .subscribe-form .btn {
        width: 100%
    }

    .active_svg {
        position: relative;
        width: 100%;
        padding-left: 5px;
        height: auto
    }

	.tags-items {
		transform: scale(0.8);
		width: 100%;
		padding-left: 5%
	}

	.tags-items__item.visible {
		display: block;
	    height: 25px;
		font-size: .875rem
	}

	.tags-list {
		margin-left: -5%;
		width: 110%
	}

	.tags-list__item {
		font-weight: bold;
		font-size: .5rem
	}

	.scheme-map__content {
		transform: scale(1);
		width: 200px;
		max-height: 300px;
		margin-left: -10%;
		padding 0px 50px
	}

	.scheme-map__content .btn {
		transform: scale(0.7)
	}
}

@media screen and (max-width: 1140px) {
    .tags-list {
      /*  display: none */
        padding-left: 12%;
        width: 100%
    }

    .tags-list__select {
      /*  display: block */
    }

    .tags-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    svg.scheme-common {
        display: none
    }

    .tags {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tags-list__select {
        margin-bottom: 20px
    }

    .tags-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0
    }

    .tags-items__item {
        margin-bottom: 10px
    }

    .scheme {
        padding-top: 30px
    }

    .scheme-map svg {
        padding-top: 40px
    }

    .scheme-map__content {     
        width: 25%;
        padding: 5px 5px 5px 5px
    }

    .scheme-map__tooltip {
        display: none
    }
}