.w-map {
    background: url(../img/public/world_map.png) left top no-repeat transparent;
    width:670px;
    height: 360px;
    position: relative;
}
    .w-marker {
        position:absolute;
        z-index: 2;
        text-decoration:none;
        color: #000;
        font:normal 17px Arial, helvetica, sans-serif;
        text-shadow: 1px 1px 3px #ccc;
        display:block;
        padding-top:10px;
    }
        .w-marker.n-am {
            top:80px;
            left:110px;
        }
            .w-marker .mark {
                width:25px;
                height:40px;
                margin-right:10px;
            }
            .w-marker.n-am .mark {
                background: url(../img/public/w_map_markers.png) left top no-repeat transparent;
            }
            .w-marker.n-am:hover  .mark{
                background: url(../img/public/w_map_markers.png) left -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }
        .w-marker.s-am {
            top:230px;
            left:200px;
        }
            .w-marker.s-am .mark {
                background: url(../img/public/w_map_markers.png) -29px top no-repeat transparent;
            }
            .w-marker.s-am:hover  .mark{
                background: url(../img/public/w_map_markers.png) -36px -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }
        .w-marker.eu {
            top:60px;
            left:340px;
        }
            .w-marker.eu .mark {
                background: url(../img/public/w_map_markers.png) -60px top no-repeat transparent;
            }
            .w-marker.eu:hover .mark{
                background: url(../img/public/w_map_markers.png) -73px -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }
        .w-marker.af {
            top:140px;
            left:320px;
        }
            .w-marker.af .mark {
                background: url(../img/public/w_map_markers.png) -88px top no-repeat transparent;
            }
            .w-marker.af:hover .mark{
                background: url(../img/public/w_map_markers.png) -110px -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }
        .w-marker.as {
            top:100px;
            left:480px;
        }
            .w-marker.as .mark {
                background: url(../img/public/w_map_markers.png) -117px top no-repeat transparent;
            }
            .w-marker.as:hover .mark{
                background: url(../img/public/w_map_markers.png) -147px -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }
        .w-marker.au {
            top:240px;
            left:550px;
        }
            .w-marker.au .mark {
                background: url(../img/public/w_map_markers.png) -148px top no-repeat transparent;
            }
            .w-marker.au:hover .mark{
                background: url(../img/public/w_map_markers.png) -185px -50px no-repeat transparent;
                width:30px;
                height:55px;
                margin:-5px 5px 0 0
            }

/*Страны мира*/

    .ref-index .cnt-name {
        font: bold 16px Arial, Helvetica, sans-serif;
        color: #333;
        text-decoration: none;
    }
    .ref-index .cities {
        margin-top:5px;
    }
    .ref-index .cities .name {
        text-decoration:none;
    }
    .ref-index .cities .name:hover {
        text-decoration:underline;
    }
    .ref-index .cities .more {
        color: #bbb;
    }
.ideas {
    padding:5px 0 0;
}
    .ideas .clear {
        list-style-type: none;
    }
    .idea {
        list-style-type: none;
        margin-right:26px;
        width: 220px;
        margin-bottom:40px;
    }
    .idea.last {
        margin-right:0;
    }
    .ideas :last-child {
        margin-right: 0;
    }
        .idea-pict {
            display:block;
        }
            .idea-pict img {
                width:218px;
                height:120px;
            }
        .idea-info {
            font-size:14px;
            color: #333;
            margin-top:20px;
            text-decoration: none;
        }

/*#13686*/
.cnt-pricee {
    float: right;
    color: #a3a3a3;
    position: relative;
    top: 3px
}
@media screen and (max-width: 760px) {
    .mobile-style.ref-index .banner_horizontal,
    .mobile-style.ref-index .tabs.sec-menu,
    .mobile-style.ref-index .ideas-container,
    .mobile-style.ref-index .cities,
    .mobile-style.ref-index .w-map,
    .mobile-style.ref-index .breadcrumbs,
    .mobile-style.ref-index .banner_sec_bottom,
    .mobile-style.ref-index .page > .primary > .span4,
    .mobile-style.ref-index .page > .primary > .span2 {
        display: none;
    }
    .mobile-style.ref-index .menu-wrap > .tabs.sec-menu {
        display: block;
    }
    .mobile-style.ref-index .span6-2-wrap,
    .mobile-style.ref-index .span6-2-wrap * {
        box-sizing: border-box;
    }
    .mobile-style.ref-index .menu-wrap,
    .mobile-style.ref-index .span6-2-wrap,
    .mobile-style.ref-index .span6-2-wrap > div,
    .mobile-style.ref-index .page > .primary > .span8 {
        float: none !important;
        width: 100% !important;
    }
    .mobile-style.ref-index h1.bbrd {
        margin: 15px 0;
        padding: 15px 10px 0;
        border: none;
    }
    .mobile-style.ref-index .s-local.t-mrg {
        margin-top: 15px;
    }
    .mobile-style.ref-index .f-local.short {
        width: auto;
        margin-bottom: 20px;
    }
    .mobile-style.ref-index .s-subm-cont {
        padding-right: 0;
    }
    .mobile-style.ref-index .s-subm-cont .inner {
        padding: 0;
        text-align: center;
    }
    .mobile-style.ref-index.ref-country-city-hotels  #localSearch,
    .mobile-style.ref-index.ref-country-cities  #localSearch,
    .mobile-style.ref-index .f-local.short .f-input {
        width: calc(100% - 95px);
    }
    .mobile-style.ref-index .primary .column {
        margin-right: 0;
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    .mobile-style.ref-index li.one {
        position: relative;
        background: rgba(0, 0, 0, 0) url("../img/public/autoc.jpg") repeat-x scroll left 6px;
        margin-bottom: 15px;
        padding: 3px 0;
    }
    .mobile-style.ref-index li.one * {
        background-color: #fff;
    }
    .mobile-style.ref-index li.one a {
        padding-right: 4px;
    }
    .mobile-style.ref-index li.one .cnt-pricee {
        padding-left: 4px;
    }
    .mobile-style.ref-index a.cnt-name {
        color: #00a6c9;
        font-size: 14px;
        font-weight: normal;
    }
    .mobile-style.ref-index .cnt-pricee {
        top: 1px
    }
    .mobile-style.ref-index .content {
        margin-top: 5px;
        padding-left: 21px;
    }
    .mobile-style.ref-index .link-menu {
        display: block;
        padding: 10px 0 10px 31px;
        text-decoration: none;
        color: #555;
        font-weight: bold;
        position: relative;
        border-top: 1px solid #E0E0E0;
        font-size: 15px;
    }
    .mobile-style.ref-index .link-menu svg {
        left: 0;
        position: absolute;
        top: 3px;
        width: 32px;
    }
    .mobile-style.ref-index .link-sa svg {
        fill: #FC0C21;
    }
    .mobile-style.ref-index .link-pop svg {
        fill: #00A1DD;
    }
    .mobile-style.ref-index .link-eu svg {
        fill: #659F00;
    }
    .mobile-style.ref-index .link-af svg {
        fill: #854800;
    }
    .mobile-style.ref-index .link-au svg {
        fill: #82CD00;
    }
    .mobile-style.ref-index .link-as svg {
        fill: #FBAB00;
    }
    .mobile-style.ref-index .link-menu:last-child {
        border-bottom: 1px solid #E0E0E0;
    }
    .mobile-style.ref-index .span6-2-wrap {
        display: flex;
        flex-direction: column-reverse;
    }
    .mobile-style.ref-index .span6-2-wrap > div {
        padding: 0 !important;
        margin: 0 !important;
    }
    .mobile-style.ref-index .span6-2-wrap > .span2 {
        margin-top: 20px !important;
    }
    .mobile-style.ref-index .menu-wrap {
        width: 100%;
        overflow: auto;
    }
    .mobile-style.ref-index .menu-wrap::-webkit-scrollbar {
        display: none;
    }
    .mobile-style.ref-country .place-info-list.ref-city-list {
        width: 100%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .mobile-style.ref-index .tabs.sec-menu {
        margin: 0;
    }
    .mobile-style.ref-index .span6-2-wrap .text-nocopy.tours-nocopy h3 {
        margin-top: 0;
    }
    .mobile-style.ref-index .popular-cnt a {
        display: block;
        height: 25px;
    }
    .mobile-style.ref-index .blue-block h5,
    .mobile-style.ref-index .red-block h5 {
        background-position: left 0;
        padding-left: 0 !important;
    }
    .mobile-style.ref-index .popular-cnt .label {
        position: relative;
        top: 4px;
    }
    .mobile-style.ref-index .popular-cnt .price-from {
        margin-top: 5px;
    }
    .mobile-style.ref-index .ht-block h3,
    .mobile-style.ref-index .articles h3,
    .mobile-style.ref-index .tours-nocopy h3:first-child {
        border-bottom: medium none;
        padding-bottom: 8px;
    }
    .mobile-style.ref-index .red-block .span2 {
        width: 23px;
    }
    .mobile-style.ref-index .red-block .row-fluid {
        padding: 15px 0 !important;
        margin-bottom: 0;
    }
    .mobile-style.ref-index .primary .red-block *:last-child {
        padding-bottom: 0;
    }
    .mobile-style.ref-index .span6-2-wrap > .span2 {
        background: #fff;
    }
    .mobile-style.ref-index .info-block,
    .mobile-style.ref-index .blue-block,
    .mobile-style.ref-index .red-block {
        border-width: 0;
        padding: 0;
    }
    .mobile-style.ref-country-cities .span8 h3 {
        border: none;
    }
    .mobile-style.ref-index.ref-country-cities .content {
        padding-left: 0;
    }
    .mobile-style.ref-country-cities .best-htl .htl-title span {
        margin-left: 10px;
    }
    .mobile-style.ref-index .hotel-list .l-column,
    .mobile-style.ref-index .hotel-list .r-column,
    .mobile-style.ref-index .hotel-list .pict,
    .mobile-style.ref-index .hotel-list .info {
        width: auto;
        float: none;
    }
    .mobile-style.ref-index .hotel-list .pict {
        margin-bottom: 10px;
    }
    .mobile-style.ref-index .htl-name .blue-link {
        font-size: 16px;
    }
    .mobile-style.ref-index .articles h3 + .item {
        margin-top: 10px;
    }
    .mobile-style.ref-index.ref-country-hotels [class^="best-"] {
        margin-bottom: 30px;
    }
    .mobile-style.ref-index .htl-title h3 {
        line-height: 120%;
        margin-bottom: 3px;
    }
    .mobile-style.ref-index.ref-country-city .bbrd ~ *,
    .mobile-style.ref-index.ref-country .bbrd ~ * {
        display: block;
    }
    .mobile-style.ref-index.ref-country-city .bbrd.active ~ *,
    .mobile-style.ref-index.ref-country .bbrd.active ~ * {
        display: none;
    }
    .mobile-style.ref-index.ref-country-city .bbrd,
    .mobile-style.ref-index.ref-country .bbrd {
        background-color: #F2F2F2;
        position: relative;
        margin: 0 -10px;
        padding: 11px 10px;
        border-bottom: none;
        border-top: 1px solid #d4d4d4;
    }
    .mobile-style.ref-index.ref-country-city .bbrd::after,
    .mobile-style.ref-index.ref-country .bbrd::after {
        border-style: solid;
        content: "";
        height: 0;
        position: absolute;
        right: 9px;
        width: 0;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999999;
        border-width: 0 4px 6px;
        top: 17px;
    }
    .mobile-style.ref-index.ref-country-city .bbrd.active::after,
    .mobile-style.ref-index.ref-country .bbrd.active::after {
        border-color: #999999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-width: 6px 4px 0;
        top: 18px;
    }
    .mobile-style.ref-index.ref-country-city .span6 > div:last-child .bbrd.active,
    .mobile-style.ref-index.ref-country .span6 > div:last-child .bbrd.active {
        border-bottom: 1px solid #d4d4d4;
    }
    .mobile-style.ref-index.ref-country-city .span6 > div:last-child .bbrd,
    .mobile-style.ref-index.ref-country .span6 > div:last-child .bbrd {
        border-bottom: none;
    }
    .mobile-style.ref-index.ref-country-city .bbrd a,
    .mobile-style.ref-index.ref-country .bbrd a {
        text-decoration: none !important;
    }
    .mobile-style.ref-index.ref-country-city .span6 > *,
    .mobile-style.ref-index.ref-country .span6 > * {
        overflow: visible !important;
    }
    .mobile-style.ref-index.ref-country-city .bbrd + .cnt-about,
    .mobile-style.ref-index.ref-country .bbrd + .cnt-about {
        padding-top: 10px;
    }
    .mobile-style.ref-index.ref-country-city .bbrd ~ div:last-child,
    .mobile-style.ref-index.ref-country .bbrd ~ div:last-child {
        padding-bottom: 10px;
    }
    .mobile-style.ref-index.ref-country-city-hotels .htl-stars-wrap .description,
    .mobile-style.ref-index.ref-country-city .cnt-about:first-child,
    .mobile-style.ref-index.ref-country-city .span6 > .info-list:first-child,
    .mobile-style.ref-index.ref-country .cnt-about:first-child,
    .mobile-style.ref-index.ref-country .span6 > .info-list:first-child {
        display: none;
    }
    .mobile-style.ref-index.ref-country-city .hottours .tour,
    .mobile-style.ref-index.ref-country .hottours .tour {
        padding-top: 10px;
    }
    .mobile-style.ref-index.ref-country-city .hottours .tour ~ .tour,
    .mobile-style.ref-index.ref-country .hottours .tour ~ .tour {
        padding-top: 0;
    }
    .mobile-style.ref-index figure img {
        width: 100%;
    }
    .mobile-style.ref-index .place-info-list .blue-link,
    .mobile-style.ref-index li.one *,
    .mobile-style.ref-index .sec-menu a {
        font-size: 13.5px;
    }
    .mobile-style.ref-index.ref-country-city-hotels .all-htl .content {
        padding: 0;
    }
    .mobile-style.ref-index.ref-country-city-hotels .all-htl .filter-horizontal {
        border: none;
    }
    .mobile-style.ref-index.ref-country-city-hotels .slider-container {
        margin-top: 10px;
    }
    .mobile-style.ref-index.ref-country-city-hotels .htl-rating-wrap,
    .mobile-style.ref-index.ref-country-city-hotels .htl-service-wrap {
        margin-top: 20px;
    }
    .mobile-style.ref-index.ref-country-city-hotels .filter-head {
        min-height: 20px;
    }
    .mobile-style.ref-country .place-info-list,
    .mobile-style.ref-index .local-list .place-info-list,
    .mobile-style.ref-index.ref-country-city-hotels .htl-rating-wrap,
    .mobile-style.ref-index.ref-country-city-hotels .htl-stars-wrap,
    .mobile-style.ref-index.ref-country-city-hotels .htl-service-wrap {
        margin-right: 0;
        width: auto;
        float: none;
    }
    .mobile-style.ref-index.ref-country-city-hotels .service-container .shadow {
        display: none;
        left: -20px;
        right: -20px;
        top: 30px;
    }


    .mobile-style.ref-index .hotel-list .l-column,
    .mobile-style.ref-index .hotel-list .r-column,
    .mobile-style.ref-index .primary .column,
    .mobile-style.ref-country-cities .span8 h3,
    .mobile-style.ref-index.ref-country-city-hotels .all-htl h3,
    .mobile-style.ref-index .ref-search-form,
    .mobile-style.ref-index h1,
    .mobile-style.ref-index .span6-2-wrap {
        padding: 0 10px;
    }
    .mobile-style.ref-index h1 {
        padding-top: 15px;
    }
    .mobile-style.ref-index.ref-country-city-hotels .bbrd.htl-title,
    .mobile-style.ref-index.ref-country-hotels .bbrd.htl-title,
    .mobile-style.ref-country-cities .articles .item,
    .mobile-style.ref-country-cities .articles .all-cnt,
    .mobile-style.ref-index.ref-country-cities .red-block,
    .mobile-style.ref-index.ref-country-cities h1,
    .mobile-style.ref-index .about {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mobile-style.ref-index.ref-country-cities .red-block.columns-2 .row-fluid.fl,
    .mobile-style.ref-index.ref-country-cities .red-block.columns-1 .row-fluid.fl {
        width: 100%;
        margin: 0;
        border: none;
    }
}