/* Start:/local/templates/2019/components/bitrix/news.list/data-center-network/style.css?17810978633899*/
div.data-center__top-bg {
    position: relative;
}
div.data-center__top-bg svg {
    position: relative;
}
body.body--date-centers .inner-top {
    padding: 50px;
}

.location {
    position: absolute;
    z-index: 998;
    height: 8px;
    width: 8px;
}
.location-moscow {
    top: 200px;
    left: 830px;
}
.location-amsterdam {
    top: 205px;
    left: 655px;
}
.location-frankfurt {
    top: 227px;
    left: 670px;
}
.location-istanbul {
    top: 260px;
    left: 760px;
}

.location-name {
    position: absolute;
    z-index: 999;
    display: block;
    height: 20px;
    text-decoration: none;
}

.location-pin {
    position: relative;
    z-index: 999;
    display: block;
    height: 8px;
    width: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.location-pin:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    height: 8px;
    width: 8px;
    margin: -4px 0 0 -4px;
    background-color: #92d90a;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.location-name:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    height: 1px;
    width: 20px;
    background-color: #f6f6f6;
}

.location-moscow .location-name:after {
    left: -16px;
    bottom: 8px;
    height: 1px;
    width: 16px;
}
.location-amsterdam .location-name:after {
    left: -16px;
    bottom: 8px;
    height: 1px;
    width: 16px;
}
.location-frankfurt .location-name:after {
    left: -16px;
    bottom: 8px;
    height: 1px;
    width: 16px;
}
.location-istanbul .location-name:after {
    left: -16px;
    bottom: 8px;
    height: 1px;
    width: 16px;
}

.location-moscow .location-name {
    bottom: -5px;
    right: -80px;
}
.location-amsterdam .location-name {
    bottom: -5px;
    right: -110px;
}
.location-frankfurt .location-name {
    bottom: -5px;
    right: -90px;
}
.location-istanbul .location-name {
    bottom: -5px;
    right: -80px;
}

html[lang="ru"] .location-moscow .location-name {
    bottom: -5px;
    right: -84px;
}
html[lang="ru"] .location-amsterdam .location-name {
    bottom: -5px;
    right: -121px;
}
html[lang="ru"] .location-frankfurt .location-name {
    bottom: -5px;
    right: -101px;
}

.location-name span {
    display: block;
    height: 20px;
    border-radius: 3px;
    background-color: #fff;
    line-height: 20px !important;
    font-size: 14px;
    color: #0c92f8;
    padding: 0 11px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap;
}

.location .info {
    display: none;
}


div.data-center__top-bg {
    position: relative;
    z-index: 15;
    overflow: hidden;
    max-width: 1366px;
    text-align: center;
    margin: 0 auto;

    height: 500px;
}

.data-centers-detail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    z-index: 101;
    overflow: hidden;

    min-width: 320px;
    max-width: 92%;
}
.data-centers--inner {
    display: inline-block;
    background: white;
    border: 1px solid #013A64;
    opacity: 0.96;
}

.data-centers--inner .info {
    display: inline-block;
    background: white;
    padding: 15px;
    text-align: left;
}
.data-centers--inner .info p {
    font-size: 13px;
}
.data-centers--inner .info h3 {
    font-size: 17px;
}
.data-centers--inner .info a.btn {
    font-size: 14px;
    padding: 4px 8px 4px;
}
/* End */
/* /local/templates/2019/components/bitrix/news.list/data-center-network/style.css?17810978633899 */