CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Saint Petersburg hotels & apartments, all accommodations in Saint Petersburg</title> <meta name="keywords" content="Saint Petersburg hotels, Saint Petersburg apartments, accommodation in Saint Petersburg" /> <meta name="description" content="Online booking for hotels in Saint Petersburg, Russia. Good availability and great rates. Cheap and secure, pay at the hotel, no booking fees." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116585.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.2bff0e0f72274ce27c844331fc63d3b6.css" crossorigin></noscript> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelsinsaintpetersburg.net/cs//" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelsinsaintpetersburg.net/da//" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelsinsaintpetersburg.net/de//" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelsinsaintpetersburg.net/en//" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelsinsaintpetersburg.net/es//" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelsinsaintpetersburg.net/fr//" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelsinsaintpetersburg.net/el//" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelsinsaintpetersburg.net/he//" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelsinsaintpetersburg.net/it//" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelsinsaintpetersburg.net/ja//" title="Japanese"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelsinsaintpetersburg.net/nl//" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelsinsaintpetersburg.net/no//" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelsinsaintpetersburg.net/pl//" title="Polish"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelsinsaintpetersburg.net/ru//" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelsinsaintpetersburg.net/sv//" title="Swedish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelsinsaintpetersburg.net/uk//" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelsinsaintpetersburg.net/en//"> </head> <body class="sunset-main"> <div class="banner js-head-banner " style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))" > <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116585.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116585.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/en/" class="header__logo"> <div class="header__logo-text"> Saint Petersburg </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Saint Petersburg </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Currency <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MQ=="> <span class="dropdown__list-item-code"> USD </span> U.S. dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Mw=="> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Nw=="> <span class="dropdown__list-item-code"> GBP </span> Pound sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTE="> <span class="dropdown__list-item-code"> AUD </span> Australian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjE="> <span class="dropdown__list-item-code"> CAD </span> Canadian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NDg="> <span class="dropdown__list-item-code"> BRL </span> Brazilian real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NDk="> <span class="dropdown__list-item-code"> BGN </span> Bulgarian lev </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NTc="> <span class="dropdown__list-item-code"> CNY </span> Chinese yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NjY="> <span class="dropdown__list-item-code"> CZK </span> Czech koruna </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NA=="> <span class="dropdown__list-item-code"> DKK </span> Danish krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM="> <span class="dropdown__list-item-code"> HKD </span> Hong Kong dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Nzc="> <span class="dropdown__list-item-code"> ILS </span> Israeli new sheqel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjM="> <span class="dropdown__list-item-code"> JPY </span> Japanese yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTA="> <span class="dropdown__list-item-code"> MYR </span> Malaysian ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTI="> <span class="dropdown__list-item-code"> NZD </span> New Zealand dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjI="> <span class="dropdown__list-item-code"> NOK </span> Norwegian krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM1"> <span class="dropdown__list-item-code"> PLN </span> Polish zloty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM2"> <span class="dropdown__list-item-code"> RON </span> Romanian leu </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM3"> <span class="dropdown__list-item-code"> RUB </span> Russian ruble </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTQy"> <span class="dropdown__list-item-code"> SAR </span> Saudi riyal </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjQ="> <span class="dropdown__list-item-code"> SGD </span> Singapore dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTU="> <span class="dropdown__list-item-code"> ZAR </span> South African rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTUx"> <span class="dropdown__list-item-code"> KRW </span> South Korean won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9OQ=="> <span class="dropdown__list-item-code"> SEK </span> Swedish krona </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9OA=="> <span class="dropdown__list-item-code"> CHF </span> Swiss franc </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTYy"> <span class="dropdown__list-item-code"> TRY </span> Turkish lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTY2"> <span class="dropdown__list-item-code"> UAH </span> Ukrainian hryvnia </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Mg=="> <span class="dropdown__list-item-code"> THB </span> Thai baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> English <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLy8="> العربية </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3poLy8="> 简体中文 </span> </li> <li class="dropdown__list-item"> <a href="/cs//" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da//" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de//" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en//" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es//" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr//" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el//" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he//" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it//" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja//" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2tvLy8="> 한국어 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2h1Ly8="> Magyar </span> </li> <li class="dropdown__list-item"> <a href="/nl//" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no//" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl//" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3B0Ly8="> Português </span> </li> <li class="dropdown__list-item"> <a href="/ru//" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv//" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3RyLy8="> Türkçe </span> </li> <li class="dropdown__list-item"> <a href="/uk//" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> Welcome to hotels in Saint Petersburg! </h1> <p class="banner__text"> The first local travel network providing best rates and availability of selected accommodations</p> <form action="/en/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-in</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">21</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-21"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-out</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">22</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> night)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-22"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Guests</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> guest</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> guests</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Adults: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Children: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Specify the age of a child</div> <div class="dropdown__error js-error js-error-children">Specify the age of children</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Cancel</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Search</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container "> <aside class="popular-destination horizontal"> <div class="aside__title"> Popular Saint Petersburg destinations </div> <div class="aside__inner"> <div class="destination__card destination__card"> <div class="destination__card__photo"> <div class="destination__card__badge"> for sightseeing </div> <img height="260" src="/img/lide/450x450/0/1/1043.JPEG" alt="Nevskiy"/> </div> <h5 class="destination__card__title"><a class="js-link js-link-new" data-internal="L2VuL25lYXItbmV2c2tpeS1kcjI4NDUxNQ==">Nevskiy</a></h5> <p> Explore St. Petersburg by choosing a chic hotel in Nevskiy District. Beautiful landmarks, interesting tours, and gorgeous services are guaranteed. <span class="destination__card__more_btn js-link js-link-new" data-internal="L2VuL25lYXItbmV2c2tpeS1kcjI4NDUxNQ==">More +</span> </p> </div> <div class="tablet-divider"></div> <div class="destination__card destination__card"> <div class="destination__card__photo"> <div class="destination__card__badge"> for memories </div> <img height="260" src="/img/lide/450x450/0/1/1044.JPEG" alt="Admiralteyskiy"/> </div> <h5 class="destination__card__title"><a class="js-link js-link-new" data-internal="L2VuL25lYXItYWRtaXJhbHRleXNraXktZHIyODQ1MTE=">Admiralteyskiy</a></h5> <p> Choose Admiralteyskiy District for your St. Petersburg adventure to walk the same pavements Pushkin and Chaikovsky used to stroll through. <span class="destination__card__more_btn js-link js-link-new" data-internal="L2VuL25lYXItYWRtaXJhbHRleXNraXktZHIyODQ1MTE=">More +</span> </p> </div> </div> <button class="btn btn-outline btn-toggle js-popular-destination-toggle is-open" data-target=".recommendation__additional-destination"> <span>Show All</span> <span>Hide</span> <span class="arrow"> <svg width="8.44" height="12"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-down"></use> </svg> </span> </button> </aside> <div class="recommendation__additional-destination open"> <ul class="list articles__other-links-list"> <li class="list__item"> <span data-internal="L2VuL25lYXItdHNlbnRyYWxueS1kcjI4NDU1NQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Tsentralny</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItYWRtaXJhbHRleXNraXktZHIyODQ1MTE=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Admiralteyskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItdmFzaWxlb3N0cm92c2tpeS1kcjI4NDUxMA==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Vasileostrovskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcGV0cm9ncmFkc2tpeS1kcjI4NDUwOQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Petrogradskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbW9za292c2tpeS1kcjI4NDUxMw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Moskovskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcHJpbW9yc2t5LWRyMjg1NjU3" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Primorsky</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItdnlib3Jnc2t5LWRyMjg0NTU0" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Vyborgsky</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbmV2c2tpeS1kcjI4NDUxNQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Nevskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta2FsaW5pbnNraXktZHIyODQ1MTY=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Kalininskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItZnJ1bnplbnNraXktZHIyODQ1MTQ=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Frunzenskiy</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta3Jhc25vZ3ZhcmRlaXNreS1kcjI4NDU1Mw==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Krasnogvardeisky</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta2lyb3Zza2l5LWRyMjg0NTEy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Kirovskiy</span> </li> </ul> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">Tailor your stay</div> <p class="section__subtitle"> St. Petersburg welcomes visitors with magnificent architectural ensembles and a myriad of hotels — from luxury chambers to friendly hostels. </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">Cheap and budget hotels</span> <p class="hotels-search-presetting__card__description">Check out the most affordable accommodations in Saint Petersburg.</p> <span class="btn btn-show-hotels">Show hotels</span> </a> <span data-internal="dGhlbWUvYm91dGlxdWUtaG90ZWxzLTQ=" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">Boutique hotels</span> <p class="hotels-search-presetting__card__description">Explore comfortable and reasonably priced hotels.</p> <span class="btn btn-show-hotels">Show hotels</span> </span> <span data-internal="dGhlbWUvbHV4dXJ5LWhvdGVscy0xNA==" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">Luxury hotels</span> <p class="hotels-search-presetting__card__description">Take a look at the best luxury places to stay.</p> <span class="btn btn-show-hotels">Show hotels</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">Near best sights</div> <div class="section__subtitle">Enjoy observing the fuzz of Nevskiy Prospekt or the beauty of Palace Bridge without leaving your St. Petersburg hotel.</div> <div class="near-sights__content__wrapper"> <aside class="near-sights__map-block"> <span data-internal="L21hcC8jbWFwLVs1OS45MzQ3NDcsMzAuMzMwOTE5LDEyXQ==" class="js-link js-link-new"> <div class="near-sights__map js-map" data-zoom="8" id="destination-small-map"></div> </span> <p>View and find your hotel in Russia on our interactive map!</p> <span data-internal="L21hcC8jbWFwLVs1OS45MzQ3NDcsMzAuMzMwOTE5LDEyXQ==" class="btn btn-outline js-link js-link-new"> see the map <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </aside> </div> <div class="near-sights__other-places other-places"> <div class="other-places__header"> Check other popular places to stay in Russia <div class="other-places__btn-show-more btn-toggle js-near-sights-other-places is-open" data-target=".other-places__additional" > <span>Show All</span> <span>Hide</span> </div> </div> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/en/near-mariinsky-theatre-155724/" class="list__link link-outline">Mariinsky Theatre</a> </li> <li class="list__item"> <a href="/en/near-city-center-1457012/" class="list__link link-outline">City Centre</a> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItY2F0aG9saWMtY2h1cmNoLW9mLXN0LWNhdGhlcmluZS0xMDQxNjY2Lw==" class="list__link js-link js-link-new link-outline">Catholic Church of St. Catherine</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItdm9yb250c292LXBhbGFjZS0zMTcyMzYv" class="list__link js-link js-link-new link-outline">Vorontsov Palace</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta2F6YW5za3ktY2F0aGVkcmFsLTEwNDE2MzAv" class="list__link js-link js-link-new link-outline">Kazansky Cathedral</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWlraGF5bG92c2t5LXBhbGFjZS0zMTcxOTcv" class="list__link js-link js-link-new link-outline">Mikhaylovsky Palace</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc2FpbnQtcGV0ZXJzYnVyZy1zdGF0ZS11bml2ZXJzaXR5LW9mLWVjb25vbWljcy1hbmQtZmluYW5jZS0xMDQxNzAyLw==" class="list__link js-link js-link-new link-outline">Saint Petersburg State University of Economics and Finance</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbmF0aW9uYWwtcHVzaGtpbi1tdXNldW0tMTA0MTcxNy8=" class="list__link js-link js-link-new link-outline">National Pushkin Museum</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbW9udW1lbnQtdG8tY2F0aGVyaW5lLXRoZS1ncmVhdC0zMTczMzIv" class="list__link js-link js-link-new link-outline">Monument to Catherine the Great</span> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <span data-internal="L2VuL25lYXItbWlraGF5bG92c2t5LWdhcmRlbi0xMDQxNzE0Lw==" class="list__link js-link js-link-new link-outline">Mikhaylovsky Garden</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItY29udGluZW50LW1hbGwtMTgwMTMyOC8=" class="list__link js-link js-link-new link-outline">Continent Mall</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItZmFuLXpvbmUtc3QtcGV0ZXJzYnVyZy0xNzM2MTI5Lw==" class="list__link js-link js-link-new link-outline">Fan Zone St. Petersburg</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc3Ryb2dhbm92LXBhbGFjZS0xMDQxNzIwLw==" class="list__link js-link js-link-new link-outline">Stroganov Palace</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc2FpbnQtcGV0ZXJzYnVyZy1jb3VydC1jYXBlbGxhLTEwNDE3MTEv" class="list__link js-link js-link-new link-outline">Saint Petersburg Court Capella</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc2luZ2VyLWhvdXNlLTEwNDE3ODMv" class="list__link js-link js-link-new link-outline">Singer House</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc3RhdGUtcnVzc2lhbi1tdXNldW0tMTA0MTYyNy8=" class="list__link js-link js-link-new link-outline">State Russian Museum</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItZGx0LWRlcGFydG1lbnQtc3RvcmUtMTc3ODkxNS8=" class="list__link js-link js-link-new link-outline">DLT Department Store</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc2FpbnQtcGV0ZXJzYnVyZy1waGlsaGFybW9uaWEtMTA0MTcwOC8=" class="list__link js-link js-link-new link-outline">Saint Petersburg Philharmonia</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWlraGF5bG92c2t5LXRoZWF0cmUtMTA0MTcwNS8=" class="list__link js-link js-link-new link-outline">Mikhaylovsky Theatre</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItaGVyemVuLXVuaXZlcnNpdHktMTA0MTczMi8=" class="list__link js-link js-link-new link-outline">Herzen University</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbHV0aGVyYW4tY2h1cmNoLW9mLXN0LXBldGVyLWFuZC1zdC1wYXVsLTEwNDE2NjMv" class="list__link js-link js-link-new link-outline">Lutheran Church of St Peter and St Paul</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc2FpbnQtcGV0ZXJzYnVyZy1zdGF0ZS11bml2ZXJzaXR5LW9mLXRlY2hub2xvZ3ktYW5kLWRlc2lnbsKgLTEwNDE2OTkv" class="list__link js-link js-link-new link-outline">Saint Petersburg State University of Technology and Design </span> </li> </ul> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Book unique homes</div> <p class="section__subtitle"> Select your perfect St. Petersburg hotel now, whether it's a tsar boutique with stunning views or an affordable apartment in the city suburbs. </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VuL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">Apartments</span> <p class="hotels-search-presetting__card__description">Privacy, independence, local experiences</p> <span class="btn btn-show-hotels">Show hotels</span> </div> <a href="/en/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Hotels</span> <p class="hotels-search-presetting__card__description">24/7 staff, no chores, dream holiday.</p> <span class="btn btn-show-hotels">Show hotels</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VuL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Bed & Breakfasts</span> <p class="hotels-search-presetting__card__description">Cosy rooms, unique designs, restful trip</p> <span class="btn btn-show-hotels">Show hotels</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Apartments and B&Bs</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Luxury accommodations</span> </li> <li class="other-link__list-item"> <a href="/en/theme/cheap-and-budget-hotels-9/" class="link-outline">Cheap and budget hotels</a> </li> <li class="other-link__list-item"> <a href="/en/theme/central-hotels-8/" class="link-outline">Central hotels</a> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2Rlc2lnbi1hbmQtbW9kZXJuLWhvdGVscy0xMC8=" class="link-outline js-link js-link-new">Exceptional Design hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">Luxury hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">Pet-friendly hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2hpc3RvcmljYWwtaG90ZWxzLTEzLw==" class="link-outline js-link js-link-new">Historical hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Resorts</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2JvdXRpcXVlLWhvdGVscy00Lw==" class="link-outline js-link js-link-new">Boutique hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2JlYWNoLWhvdGVscy0yLw==" class="link-outline js-link js-link-new">Beach hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3JvbWFudGljLWhvdGVscy0xNi8=" class="link-outline js-link js-link-new">Romantic hotels</span> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>Show All</span> <span>Hide</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hotels by stars</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/5-stars/" class="main-hotels__title-link"> 5-star hotels in Saint Petersburg </a> </h3> <p class="main-hotels__text section__subtitle"> First-class accommodation for an awesome holiday </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzUtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="164706" data-hbs-latitude="59.93279" data-hbs-longitude="30.30456" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMTcvMTAyMTc5NS8xMDIxNzk1OTcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10217/1021795/1021795972.JPEG" srcset="/data/Photos/450x450w/10217/1021795/1021795972.JPEG 1x, /data/Photos/700x500w/10217/1021795/1021795972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167513/1167513379.JPEG" srcset="/data/Photos/450x450w/11675/1167513/1167513379.JPEG 1x, /data/Photos/700x500w/11675/1167513/1167513379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167513/1167513598.JPEG" srcset="/data/Photos/450x450w/11675/1167513/1167513598.JPEG 1x, /data/Photos/700x500w/11675/1167513/1167513598.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167513/1167513715.JPEG" srcset="/data/Photos/450x450w/11675/1167513/1167513715.JPEG 1x, /data/Photos/700x500w/11675/1167513/1167513715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167514/1167514126.JPEG" srcset="/data/Photos/450x450w/11675/1167514/1167514126.JPEG 1x, /data/Photos/700x500w/11675/1167514/1167514126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167515/1167515626.JPEG" srcset="/data/Photos/450x450w/11675/1167515/1167515626.JPEG 1x, /data/Photos/700x500w/11675/1167515/1167515626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Renaissance St. Petersburg Baltic Hotel" data-hbs-name="Renaissance St. Petersburg Baltic Hotel"> <a class="hotels-by-stars__title-link" href="https://renaissance-st-petersburg-baltic.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yZW5haXNzYW5jZS1zdC1wZXRlcnNidXJnLWJhbHRpYy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Renaissance St. Petersburg Baltic Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164719" data-hbs-latitude="59.932037" data-hbs-longitude="30.350752" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEwODcvMTEwODc5Ny8xMTA4Nzk3MzA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11087/1108797/1108797309.JPEG" srcset="/data/Photos/450x450w/11087/1108797/1108797309.JPEG 1x, /data/Photos/700x500w/11087/1108797/1108797309.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7493/749396/749396777.JPEG" srcset="/data/Photos/450x450w/7493/749396/749396777.JPEG 1x, /data/Photos/700x500w/7493/749396/749396777.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7497/749716/749716292.JPEG" srcset="/data/Photos/450x450w/7497/749716/749716292.JPEG 1x, /data/Photos/700x500w/7497/749716/749716292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7391/739127/739127008.JPEG" srcset="/data/Photos/450x450w/7391/739127/739127008.JPEG 1x, /data/Photos/700x500w/7391/739127/739127008.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7391/739124/739124878.JPEG" srcset="/data/Photos/450x450w/7391/739124/739124878.JPEG 1x, /data/Photos/700x500w/7391/739124/739124878.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7391/739126/739126864.JPEG" srcset="/data/Photos/450x450w/7391/739126/739126864.JPEG 1x, /data/Photos/700x500w/7391/739126/739126864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Corinthia Hotel St Petersburg Saint Petersburg" data-hbs-name="Corinthia Hotel St Petersburg Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://corinthia-stpetersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jb3JpbnRoaWEtc3RwZXRlcnNidXJnLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Corinthia Hotel St Petersburg Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164725" data-hbs-latitude="59.93542" data-hbs-longitude="30.3304" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE2OS84MTY5NDcvODE2OTQ3NDExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8169/816947/816947411.JPEG" srcset="/data/Photos/450x450w/8169/816947/816947411.JPEG 1x, /data/Photos/700x500w/8169/816947/816947411.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816874/816874571.JPEG" srcset="/data/Photos/450x450w/8168/816874/816874571.JPEG 1x, /data/Photos/700x500w/8168/816874/816874571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816875/816875795.JPEG" srcset="/data/Photos/450x450w/8168/816875/816875795.JPEG 1x, /data/Photos/700x500w/8168/816875/816875795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816875/816875858.JPEG" srcset="/data/Photos/450x450w/8168/816875/816875858.JPEG 1x, /data/Photos/700x500w/8168/816875/816875858.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816880/816880184.JPEG" srcset="/data/Photos/450x450w/8168/816880/816880184.JPEG 1x, /data/Photos/700x500w/8168/816880/816880184.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816890/816890027.JPEG" srcset="/data/Photos/450x450w/8168/816890/816890027.JPEG 1x, /data/Photos/700x500w/8168/816890/816890027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Hotel Europe, A Belmond Hotel, St Petersburg Saint Petersburg" data-hbs-name="Grand Hotel Europe, A Belmond Hotel, St Petersburg Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://grand-hotel-europe-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1ob3RlbC1ldXJvcGUtc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Grand Hotel Europe, A Belmond Hotel, St Petersburg Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164726" data-hbs-latitude="59.9296" data-hbs-longitude="30.35405" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzMvMTAzNzM5Ny8xMDM3Mzk3NDIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10373/1037397/1037397421.JPEG" srcset="/data/Photos/450x450w/10373/1037397/1037397421.JPEG 1x, /data/Photos/700x500w/10373/1037397/1037397421.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11817/1181750/1181750125.JPEG" srcset="/data/Photos/450x450w/11817/1181750/1181750125.JPEG 1x, /data/Photos/700x500w/11817/1181750/1181750125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11817/1181754/1181754175.JPEG" srcset="/data/Photos/450x450w/11817/1181754/1181754175.JPEG 1x, /data/Photos/700x500w/11817/1181754/1181754175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11817/1181754/1181754337.JPEG" srcset="/data/Photos/450x450w/11817/1181754/1181754337.JPEG 1x, /data/Photos/700x500w/11817/1181754/1181754337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11817/1181757/1181757835.JPEG" srcset="/data/Photos/450x450w/11817/1181757/1181757835.JPEG 1x, /data/Photos/700x500w/11817/1181757/1181757835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11817/1181759/1181759323.JPEG" srcset="/data/Photos/450x450w/11817/1181759/1181759323.JPEG 1x, /data/Photos/700x500w/11817/1181759/1181759323.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Helvetia Hotel Saint Petersburg" data-hbs-name="Helvetia Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://helvetia.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9oZWx2ZXRpYS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Helvetia Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 100 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164744" data-hbs-latitude="59.93236" data-hbs-longitude="30.34841" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMjIvMTAyMjI4NS8xMDIyMjg1NDU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10222/1022285/1022285455.JPEG" srcset="/data/Photos/450x450w/10222/1022285/1022285455.JPEG 1x, /data/Photos/700x500w/10222/1022285/1022285455.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11181/1118160/1118160666.JPEG" srcset="/data/Photos/450x450w/11181/1118160/1118160666.JPEG 1x, /data/Photos/700x500w/11181/1118160/1118160666.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9796/979659/979659850.JPEG" srcset="/data/Photos/450x450w/9796/979659/979659850.JPEG 1x, /data/Photos/700x500w/9796/979659/979659850.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9796/979660/979660627.JPEG" srcset="/data/Photos/450x450w/9796/979660/979660627.JPEG 1x, /data/Photos/700x500w/9796/979660/979660627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9796/979660/979660642.JPEG" srcset="/data/Photos/450x450w/9796/979660/979660642.JPEG 1x, /data/Photos/700x500w/9796/979660/979660642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9796/979663/979663174.JPEG" srcset="/data/Photos/450x450w/9796/979663/979663174.JPEG 1x, /data/Photos/700x500w/9796/979663/979663174.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Royal Hotel Saint Petersburg" data-hbs-name="Radisson Royal Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://radisson-royal-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yYWRpc3Nvbi1yb3lhbC1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Radisson Royal Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164754" data-hbs-latitude="59.93282" data-hbs-longitude="30.3087" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA0MDIvMTA0MDIyOC8xMDQwMjI4OTUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10402/1040228/1040228950.JPEG" srcset="/data/Photos/450x450w/10402/1040228/1040228950.JPEG 1x, /data/Photos/700x500w/10402/1040228/1040228950.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4153/415384/415384026.JPEG" srcset="/data/Photos/450x450w/4153/415384/415384026.JPEG 1x, /data/Photos/700x500w/4153/415384/415384026.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10787/1078714/1078714858.JPEG" srcset="/data/Photos/450x450w/10787/1078714/1078714858.JPEG 1x, /data/Photos/700x500w/10787/1078714/1078714858.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10787/1078714/1078714897.JPEG" srcset="/data/Photos/450x450w/10787/1078714/1078714897.JPEG 1x, /data/Photos/700x500w/10787/1078714/1078714897.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10787/1078736/1078736569.JPEG" srcset="/data/Photos/450x450w/10787/1078736/1078736569.JPEG 1x, /data/Photos/700x500w/10787/1078736/1078736569.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10787/1078744/1078744423.JPEG" srcset="/data/Photos/450x450w/10787/1078744/1078744423.JPEG 1x, /data/Photos/700x500w/10787/1078744/1078744423.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Rocco Forte Astoria Hotel Saint Petersburg" data-hbs-name="Rocco Forte Astoria Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://astoria.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hc3RvcmlhLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Rocco Forte Astoria Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="181676" data-hbs-latitude="59.9395" data-hbs-longitude="30.31994" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEzMzAvMTEzMzAyNS8xMTMzMDI1MDI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11330/1133025/1133025027.JPEG" srcset="/data/Photos/450x450w/11330/1133025/1133025027.JPEG 1x, /data/Photos/700x500w/11330/1133025/1133025027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11532/1153228/1153228353.JPEG" srcset="/data/Photos/450x450w/11532/1153228/1153228353.JPEG 1x, /data/Photos/700x500w/11532/1153228/1153228353.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11548/1154881/1154881986.JPEG" srcset="/data/Photos/450x450w/11548/1154881/1154881986.JPEG 1x, /data/Photos/700x500w/11548/1154881/1154881986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11548/1154883/1154883468.JPEG" srcset="/data/Photos/450x450w/11548/1154883/1154883468.JPEG 1x, /data/Photos/700x500w/11548/1154883/1154883468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11435/1143553/1143553870.JPEG" srcset="/data/Photos/450x450w/11435/1143553/1143553870.JPEG 1x, /data/Photos/700x500w/11435/1143553/1143553870.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11435/1143553/1143553957.JPEG" srcset="/data/Photos/450x450w/11435/1143553/1143553957.JPEG 1x, /data/Photos/700x500w/11435/1143553/1143553957.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kempinski Hotel Moika 22 Saint Petersburg" data-hbs-name="Kempinski Hotel Moika 22 Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://kempinski-hotel-moika-22.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9rZW1waW5za2ktaG90ZWwtbW9pa2EtMjIuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Kempinski Hotel Moika 22 Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="182756" data-hbs-latitude="59.93455" data-hbs-longitude="30.31136" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjkwNC82OTA0NTcvNjkwNDU3ODkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6904/690457/690457893.JPEG" srcset="/data/Photos/450x450w/6904/690457/690457893.JPEG 1x, /data/Photos/700x500w/6904/690457/690457893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9692/969264/969264202.JPEG" srcset="/data/Photos/450x450w/9692/969264/969264202.JPEG 1x, /data/Photos/700x500w/9692/969264/969264202.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10912/1091278/1091278146.JPEG" srcset="/data/Photos/450x450w/10912/1091278/1091278146.JPEG 1x, /data/Photos/700x500w/10912/1091278/1091278146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7666/766627/766627396.JPEG" srcset="/data/Photos/450x450w/7666/766627/766627396.JPEG 1x, /data/Photos/700x500w/7666/766627/766627396.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7688/768842/768842713.JPEG" srcset="/data/Photos/450x450w/7688/768842/768842713.JPEG 1x, /data/Photos/700x500w/7688/768842/768842713.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7688/768843/768843016.JPEG" srcset="/data/Photos/450x450w/7688/768843/768843016.JPEG 1x, /data/Photos/700x500w/7688/768843/768843016.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Petro Palace Hotel Saint Petersburg" data-hbs-name="Petro Palace Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://petro-palace-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wZXRyby1wYWxhY2UtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Petro Palace Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="186500" data-hbs-latitude="59.9359" data-hbs-longitude="30.31895" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4NTEvMTE4NTEzNC8xMTg1MTM0MDY1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11851/1185134/1185134065.JPEG" srcset="/data/Photos/450x450w/11851/1185134/1185134065.JPEG 1x, /data/Photos/700x500w/11851/1185134/1185134065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10392/1039246/1039246159.JPEG" srcset="/data/Photos/450x450w/10392/1039246/1039246159.JPEG 1x, /data/Photos/700x500w/10392/1039246/1039246159.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11879/1187906/1187906581.JPEG" srcset="/data/Photos/450x450w/11879/1187906/1187906581.JPEG 1x, /data/Photos/700x500w/11879/1187906/1187906581.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11879/1187910/1187910040.JPEG" srcset="/data/Photos/450x450w/11879/1187910/1187910040.JPEG 1x, /data/Photos/700x500w/11879/1187910/1187910040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11691/1169142/1169142490.JPEG" srcset="/data/Photos/450x450w/11691/1169142/1169142490.JPEG 1x, /data/Photos/700x500w/11691/1169142/1169142490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11691/1169142/1169142946.JPEG" srcset="/data/Photos/450x450w/11691/1169142/1169142946.JPEG 1x, /data/Photos/700x500w/11691/1169142/1169142946.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Taleon Imperial Hotel Saint Petersburg" data-hbs-name="Taleon Imperial Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://taleon-imperial-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly90YWxlb24taW1wZXJpYWwtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Taleon Imperial Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="302772" data-hbs-latitude="59.944904" data-hbs-longitude="30.293945" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODM5Mi84MzkyNjkvODM5MjY5NTAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8392/839269/839269502.JPEG" srcset="/data/Photos/450x450w/8392/839269/839269502.JPEG 1x, /data/Photos/700x500w/8392/839269/839269502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11710/1171041/1171041261.JPEG" srcset="/data/Photos/450x450w/11710/1171041/1171041261.JPEG 1x, /data/Photos/700x500w/11710/1171041/1171041261.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11847/1184742/1184742973.JPEG" srcset="/data/Photos/450x450w/11847/1184742/1184742973.JPEG 1x, /data/Photos/700x500w/11847/1184742/1184742973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11711/1171143/1171143114.JPEG" srcset="/data/Photos/450x450w/11711/1171143/1171143114.JPEG 1x, /data/Photos/700x500w/11711/1171143/1171143114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10378/1037887/1037887852.JPEG" srcset="/data/Photos/450x450w/10378/1037887/1037887852.JPEG 1x, /data/Photos/700x500w/10378/1037887/1037887852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10378/1037883/1037883142.JPEG" srcset="/data/Photos/450x450w/10378/1037883/1037883142.JPEG 1x, /data/Photos/700x500w/10378/1037883/1037883142.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Solo Sokos Hotel Palace Bridge Saint Petersburg" data-hbs-name="Solo Sokos Hotel Palace Bridge Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://solo-sokos-hotel-palace-bridge-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9zb2xvLXNva29zLWhvdGVsLXBhbGFjZS1icmlkZ2Utc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Solo Sokos Hotel Palace Bridge Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.4 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="337003" data-hbs-latitude="59.934848" data-hbs-longitude="30.308562" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMjMvMTAxMjMxMC8xMDEyMzEwMTEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10123/1012310/1012310110.JPEG" srcset="/data/Photos/450x450w/10123/1012310/1012310110.JPEG 1x, /data/Photos/700x500w/10123/1012310/1012310110.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10314/1031490/1031490607.JPEG" srcset="/data/Photos/450x450w/10314/1031490/1031490607.JPEG 1x, /data/Photos/700x500w/10314/1031490/1031490607.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10892/1089277/1089277930.JPEG" srcset="/data/Photos/450x450w/10892/1089277/1089277930.JPEG 1x, /data/Photos/700x500w/10892/1089277/1089277930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10893/1089390/1089390232.JPEG" srcset="/data/Photos/450x450w/10893/1089390/1089390232.JPEG 1x, /data/Photos/700x500w/10893/1089390/1089390232.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10893/1089390/1089390295.JPEG" srcset="/data/Photos/450x450w/10893/1089390/1089390295.JPEG 1x, /data/Photos/700x500w/10893/1089390/1089390295.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10893/1089392/1089392488.JPEG" srcset="/data/Photos/450x450w/10893/1089392/1089392488.JPEG 1x, /data/Photos/700x500w/10893/1089392/1089392488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="So/ Saint Petersburg Hotel" data-hbs-name="So/ Saint Petersburg Hotel"> <a class="hotels-by-stars__title-link" href="https://w-st-petersburg-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly93LXN0LXBldGVyc2J1cmctc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> So/ Saint Petersburg Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="455047" data-hbs-latitude="59.94641" data-hbs-longitude="30.34747" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3MDkvMTA3MDk1NC8xMDcwOTU0Njg2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10709/1070954/1070954686.JPEG" srcset="/data/Photos/450x450w/10709/1070954/1070954686.JPEG 1x, /data/Photos/700x500w/10709/1070954/1070954686.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11768/1176834/1176834049.JPEG" srcset="/data/Photos/450x450w/11768/1176834/1176834049.JPEG 1x, /data/Photos/700x500w/11768/1176834/1176834049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11683/1168327/1168327855.JPEG" srcset="/data/Photos/450x450w/11683/1168327/1168327855.JPEG 1x, /data/Photos/700x500w/11683/1168327/1168327855.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11742/1174232/1174232952.JPEG" srcset="/data/Photos/450x450w/11742/1174232/1174232952.JPEG 1x, /data/Photos/700x500w/11742/1174232/1174232952.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11415/1141542/1141542832.JPEG" srcset="/data/Photos/450x450w/11415/1141542/1141542832.JPEG 1x, /data/Photos/700x500w/11415/1141542/1141542832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11791/1179160/1179160738.JPEG" srcset="/data/Photos/450x450w/11791/1179160/1179160738.JPEG 1x, /data/Photos/700x500w/11791/1179160/1179160738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Indigo St.Petersburg- Tchaikovskogo, An Ihg Hotel Saint Petersburg" data-hbs-name="Hotel Indigo St.Petersburg- Tchaikovskogo, An Ihg Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-indigo-stpetersburg-tchaikovskogo.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1pbmRpZ28tc3RwZXRlcnNidXJnLXRjaGFpa292c2tvZ28uaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Hotel Indigo St.Petersburg- Tchaikovskogo, An Ihg Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="460696" data-hbs-latitude="59.93098" data-hbs-longitude="30.30428" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzODcvMTAzODc4Ni8xMDM4Nzg2NjE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10387/1038786/1038786616.JPEG" srcset="/data/Photos/450x450w/10387/1038786/1038786616.JPEG 1x, /data/Photos/700x500w/10387/1038786/1038786616.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11706/1170662/1170662503.JPEG" srcset="/data/Photos/450x450w/11706/1170662/1170662503.JPEG 1x, /data/Photos/700x500w/11706/1170662/1170662503.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11741/1174108/1174108620.JPEG" srcset="/data/Photos/450x450w/11741/1174108/1174108620.JPEG 1x, /data/Photos/700x500w/11741/1174108/1174108620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11706/1170663/1170663928.JPEG" srcset="/data/Photos/450x450w/11706/1170663/1170663928.JPEG 1x, /data/Photos/700x500w/11706/1170663/1170663928.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10690/1069017/1069017154.JPEG" srcset="/data/Photos/450x450w/10690/1069017/1069017154.JPEG 1x, /data/Photos/700x500w/10690/1069017/1069017154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10761/1076198/1076198602.JPEG" srcset="/data/Photos/450x450w/10761/1076198/1076198602.JPEG 1x, /data/Photos/700x500w/10761/1076198/1076198602.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Domina St.Petersburg Hotel Saint Petersburg" data-hbs-name="Domina St.Petersburg Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://domina-prestige.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9kb21pbmEtcHJlc3RpZ2UuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Domina St.Petersburg Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="647152" data-hbs-latitude="59.93691" data-hbs-longitude="30.2881" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMDQvMTAyMDQxMy8xMDIwNDEzMDQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10204/1020413/1020413041.JPEG" srcset="/data/Photos/450x450w/10204/1020413/1020413041.JPEG 1x, /data/Photos/700x500w/10204/1020413/1020413041.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027830/1027830718.JPEG" srcset="/data/Photos/450x450w/10278/1027830/1027830718.JPEG 1x, /data/Photos/700x500w/10278/1027830/1027830718.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11600/1160032/1160032629.JPEG" srcset="/data/Photos/450x450w/11600/1160032/1160032629.JPEG 1x, /data/Photos/700x500w/11600/1160032/1160032629.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10356/1035677/1035677182.JPEG" srcset="/data/Photos/450x450w/10356/1035677/1035677182.JPEG 1x, /data/Photos/700x500w/10356/1035677/1035677182.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10377/1037707/1037707756.JPEG" srcset="/data/Photos/450x450w/10377/1037707/1037707756.JPEG 1x, /data/Photos/700x500w/10377/1037707/1037707756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10377/1037711/1037711080.JPEG" srcset="/data/Photos/450x450w/10377/1037711/1037711080.JPEG 1x, /data/Photos/700x500w/10377/1037711/1037711080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Trezzini Palace Boutique Hotel Saint Petersburg" data-hbs-name="Trezzini Palace Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://trezzini-palace-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly90cmV6emluaS1wYWxhY2UtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Trezzini Palace Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="649852" data-hbs-latitude="59.92325" data-hbs-longitude="30.34363" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzQ0Ny83NDQ3NDkvNzQ0NzQ5NDg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7447/744749/744749488.JPEG" srcset="/data/Photos/450x450w/7447/744749/744749488.JPEG 1x, /data/Photos/700x500w/7447/744749/744749488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4178/417893/417893520.JPEG" srcset="/data/Photos/450x450w/4178/417893/417893520.JPEG 1x, /data/Photos/700x500w/4178/417893/417893520.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167522/1167522841.JPEG" srcset="/data/Photos/450x450w/11675/1167522/1167522841.JPEG 1x, /data/Photos/700x500w/11675/1167522/1167522841.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10055/1005522/1005522934.JPEG" srcset="/data/Photos/450x450w/10055/1005522/1005522934.JPEG 1x, /data/Photos/700x500w/10055/1005522/1005522934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9582/958277/958277998.JPEG" srcset="/data/Photos/450x450w/9582/958277/958277998.JPEG 1x, /data/Photos/700x500w/9582/958277/958277998.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7447/744741/744741499.JPEG" srcset="/data/Photos/450x450w/7447/744741/744741499.JPEG 1x, /data/Photos/700x500w/7447/744741/744741499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The State Hermitage Museum Official Hotel Saint Petersburg" data-hbs-name="The State Hermitage Museum Official Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://official-state-hermitage.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9vZmZpY2lhbC1zdGF0ZS1oZXJtaXRhZ2UuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> The State Hermitage Museum Official Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1176024" data-hbs-latitude="59.94341" data-hbs-longitude="30.32394" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA0MDcvMTA0MDc1OC8xMDQwNzU4Mzc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10407/1040758/1040758378.JPEG" srcset="/data/Photos/450x450w/10407/1040758/1040758378.JPEG 1x, /data/Photos/700x500w/10407/1040758/1040758378.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11772/1177266/1177266163.JPEG" srcset="/data/Photos/450x450w/11772/1177266/1177266163.JPEG 1x, /data/Photos/700x500w/11772/1177266/1177266163.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11772/1177269/1177269631.JPEG" srcset="/data/Photos/450x450w/11772/1177269/1177269631.JPEG 1x, /data/Photos/700x500w/11772/1177269/1177269631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11536/1153620/1153620462.JPEG" srcset="/data/Photos/450x450w/11536/1153620/1153620462.JPEG 1x, /data/Photos/700x500w/11536/1153620/1153620462.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11536/1153620/1153620588.JPEG" srcset="/data/Photos/450x450w/11536/1153620/1153620588.JPEG 1x, /data/Photos/700x500w/11536/1153620/1153620588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11536/1153620/1153620978.JPEG" srcset="/data/Photos/450x450w/11536/1153620/1153620978.JPEG 1x, /data/Photos/700x500w/11536/1153620/1153620978.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ekaterina Hotel Saint Petersburg" data-hbs-name="Ekaterina Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ekaterina-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9la2F0ZXJpbmEtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Ekaterina Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2206188" data-hbs-latitude="59.93155" data-hbs-longitude="30.31036" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMjYvMTAyMjYyMS8xMDIyNjIxMjkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10226/1022621/1022621290.JPEG" srcset="/data/Photos/450x450w/10226/1022621/1022621290.JPEG 1x, /data/Photos/700x500w/10226/1022621/1022621290.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151552/1151552106.JPEG" srcset="/data/Photos/450x450w/11515/1151552/1151552106.JPEG 1x, /data/Photos/700x500w/11515/1151552/1151552106.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11300/1130038/1130038452.JPEG" srcset="/data/Photos/450x450w/11300/1130038/1130038452.JPEG 1x, /data/Photos/700x500w/11300/1130038/1130038452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11333/1133391/1133391324.JPEG" srcset="/data/Photos/450x450w/11333/1133391/1133391324.JPEG 1x, /data/Photos/700x500w/11333/1133391/1133391324.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11333/1133393/1133393427.JPEG" srcset="/data/Photos/450x450w/11333/1133393/1133393427.JPEG 1x, /data/Photos/700x500w/11333/1133393/1133393427.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11333/1133393/1133393970.JPEG" srcset="/data/Photos/450x450w/11333/1133393/1133393970.JPEG 1x, /data/Photos/700x500w/11333/1133393/1133393970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Lotte Hotel St. Petersburg - The Leading Hotels Of The World" data-hbs-name="Lotte Hotel St. Petersburg - The Leading Hotels Of The World"> <a class="hotels-by-stars__title-link" href="https://lotte.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9sb3R0ZS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Lotte Hotel St. Petersburg - The Leading Hotels Of The World </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3220344" data-hbs-latitude="59.90867" data-hbs-longitude="30.29106" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE3OTkvMTE3OTk4Ni8xMTc5OTg2ODE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11799/1179986/1179986818.JPEG" srcset="/data/Photos/450x450w/11799/1179986/1179986818.JPEG 1x, /data/Photos/700x500w/11799/1179986/1179986818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11876/1187615/1187615614.JPEG" srcset="/data/Photos/450x450w/11876/1187615/1187615614.JPEG 1x, /data/Photos/700x500w/11876/1187615/1187615614.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11500/1150011/1150011781.JPEG" srcset="/data/Photos/450x450w/11500/1150011/1150011781.JPEG 1x, /data/Photos/700x500w/11500/1150011/1150011781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11500/1150018/1150018360.JPEG" srcset="/data/Photos/450x450w/11500/1150018/1150018360.JPEG 1x, /data/Photos/700x500w/11500/1150018/1150018360.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9975/997573/997573842.JPEG" srcset="/data/Photos/450x450w/9975/997573/997573842.JPEG 1x, /data/Photos/700x500w/9975/997573/997573842.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7844/784415/784415922.JPEG" srcset="/data/Photos/450x450w/7844/784415/784415922.JPEG 1x, /data/Photos/700x500w/7844/784415/784415922.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Boutique Hotel The Gamma Saint Petersburg" data-hbs-name="Boutique Hotel The Gamma Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://gamma.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9nYW1tYS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Boutique Hotel The Gamma Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5227048" data-hbs-latitude="59.92144" data-hbs-longitude="30.29684" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyNjkvMTAyNjkwMC8xMDI2OTAwOTcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10269/1026900/1026900970.JPEG" srcset="/data/Photos/450x450w/10269/1026900/1026900970.JPEG 1x, /data/Photos/700x500w/10269/1026900/1026900970.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10306/1030625/1030625296.JPEG" srcset="/data/Photos/450x450w/10306/1030625/1030625296.JPEG 1x, /data/Photos/700x500w/10306/1030625/1030625296.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9787/978761/978761875.JPEG" srcset="/data/Photos/450x450w/9787/978761/978761875.JPEG 1x, /data/Photos/700x500w/9787/978761/978761875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9801/980137/980137726.JPEG" srcset="/data/Photos/450x450w/9801/980137/980137726.JPEG 1x, /data/Photos/700x500w/9801/980137/980137726.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9801/980128/980128180.JPEG" srcset="/data/Photos/450x450w/9801/980128/980128180.JPEG 1x, /data/Photos/700x500w/9801/980128/980128180.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9696/969621/969621646.JPEG" srcset="/data/Photos/450x450w/9696/969621/969621646.JPEG 1x, /data/Photos/700x500w/9696/969621/969621646.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Boutique Hotel Albora Saint Petersburg" data-hbs-name="Boutique Hotel Albora Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://boutique-hotel-albora.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ib3V0aXF1ZS1ob3RlbC1hbGJvcmEuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Boutique Hotel Albora Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="11717625" data-hbs-latitude="59.936615" data-hbs-longitude="30.31469" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1NTUvMTE1NTU2My8xMTU1NTYzOTQwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11555/1155563/1155563940.JPEG" srcset="/data/Photos/450x450w/11555/1155563/1155563940.JPEG 1x, /data/Photos/700x500w/11555/1155563/1155563940.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11637/1163742/1163742963.JPEG" srcset="/data/Photos/450x450w/11637/1163742/1163742963.JPEG 1x, /data/Photos/700x500w/11637/1163742/1163742963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11432/1143220/1143220687.JPEG" srcset="/data/Photos/450x450w/11432/1143220/1143220687.JPEG 1x, /data/Photos/700x500w/11432/1143220/1143220687.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11462/1146289/1146289414.JPEG" srcset="/data/Photos/450x450w/11462/1146289/1146289414.JPEG 1x, /data/Photos/700x500w/11462/1146289/1146289414.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11387/1138752/1138752724.JPEG" srcset="/data/Photos/450x450w/11387/1138752/1138752724.JPEG 1x, /data/Photos/700x500w/11387/1138752/1138752724.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11357/1135762/1135762832.JPEG" srcset="/data/Photos/450x450w/11357/1135762/1135762832.JPEG 1x, /data/Photos/700x500w/11357/1135762/1135762832.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Отель Wawelberg Saint Petersburg" data-hbs-name="Отель Wawelberg Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-wawelberg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC13YXdlbGJlcmcuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Отель Wawelberg Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/4-stars/" class="main-hotels__title-link"> 4-star hotels in Saint Petersburg </a> </h3> <p class="main-hotels__text section__subtitle"> Top hotels to grant all your wishes </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzQtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="164701" data-hbs-latitude="59.914341" data-hbs-longitude="30.296555" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEwMjgvMTEwMjg3Ny8xMTAyODc3NDc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11028/1102877/1102877475.JPEG" srcset="/data/Photos/450x450w/11028/1102877/1102877475.JPEG 1x, /data/Photos/700x500w/11028/1102877/1102877475.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11028/1102878/1102878939.JPEG" srcset="/data/Photos/450x450w/11028/1102878/1102878939.JPEG 1x, /data/Photos/700x500w/11028/1102878/1102878939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8299/829964/829964243.JPEG" srcset="/data/Photos/450x450w/8299/829964/829964243.JPEG 1x, /data/Photos/700x500w/8299/829964/829964243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7804/780411/780411147.JPEG" srcset="/data/Photos/450x450w/7804/780411/780411147.JPEG 1x, /data/Photos/700x500w/7804/780411/780411147.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7862/786274/786274284.JPEG" srcset="/data/Photos/450x450w/7862/786274/786274284.JPEG 1x, /data/Photos/700x500w/7862/786274/786274284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7862/786280/786280659.JPEG" srcset="/data/Photos/450x450w/7862/786280/786280659.JPEG 1x, /data/Photos/700x500w/7862/786280/786280659.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Azimut Hotel Saint-Petersburg Saint Petersburg" data-hbs-name="Azimut Hotel Saint-Petersburg Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://azimut-hotel-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hemltdXQtaG90ZWwtc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Azimut Hotel Saint-Petersburg Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164714" data-hbs-latitude="59.92439" data-hbs-longitude="30.31038" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzOTIvMTAzOTIwMy8xMDM5MjAzNzUxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10392/1039203/1039203751.JPEG" srcset="/data/Photos/450x450w/10392/1039203/1039203751.JPEG 1x, /data/Photos/700x500w/10392/1039203/1039203751.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11840/1184036/1184036047.JPEG" srcset="/data/Photos/450x450w/11840/1184036/1184036047.JPEG 1x, /data/Photos/700x500w/11840/1184036/1184036047.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11396/1139606/1139606290.JPEG" srcset="/data/Photos/450x450w/11396/1139606/1139606290.JPEG 1x, /data/Photos/700x500w/11396/1139606/1139606290.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11574/1157406/1157406762.JPEG" srcset="/data/Photos/450x450w/11574/1157406/1157406762.JPEG 1x, /data/Photos/700x500w/11574/1157406/1157406762.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11335/1133524/1133524815.JPEG" srcset="/data/Photos/450x450w/11335/1133524/1133524815.JPEG 1x, /data/Photos/700x500w/11335/1133524/1133524815.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11171/1117100/1117100523.JPEG" srcset="/data/Photos/450x450w/11171/1117100/1117100523.JPEG 1x, /data/Photos/700x500w/11171/1117100/1117100523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ambassador Hotel Saint Petersburg" data-hbs-name="Ambassador Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ambassador.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hbWJhc3NhZG9yLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Ambassador Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164727" data-hbs-latitude="59.9406" data-hbs-longitude="30.27166" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzcvMTAzNzc1OS8xMDM3NzU5NzU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10377/1037759/1037759758.JPEG" srcset="/data/Photos/450x450w/10377/1037759/1037759758.JPEG 1x, /data/Photos/700x500w/10377/1037759/1037759758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6458/645893/645893949.JPEG" srcset="/data/Photos/450x450w/6458/645893/645893949.JPEG 1x, /data/Photos/700x500w/6458/645893/645893949.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4520/452037/452037198.JPEG" srcset="/data/Photos/450x450w/4520/452037/452037198.JPEG 1x, /data/Photos/700x500w/4520/452037/452037198.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4520/452045/452045592.JPEG" srcset="/data/Photos/450x450w/4520/452045/452045592.JPEG 1x, /data/Photos/700x500w/4520/452045/452045592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3963/396359/396359703.JPEG" srcset="/data/Photos/450x450w/3963/396359/396359703.JPEG 1x, /data/Photos/700x500w/3963/396359/396359703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10309/1030928/1030928203.JPEG" srcset="/data/Photos/450x450w/10309/1030928/1030928203.JPEG 1x, /data/Photos/700x500w/10309/1030928/1030928203.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Marco Polo St Petersburg Boutique Hotel Saint Petersburg" data-hbs-name="Marco Polo St Petersburg Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://marco-polo.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tYXJjby1wb2xvLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Marco Polo St Petersburg Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164738" data-hbs-latitude="59.934118" data-hbs-longitude="30.30867" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA0MDIvMTA0MDI1My8xMDQwMjUzNDA2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10402/1040253/1040253406.JPEG" srcset="/data/Photos/450x450w/10402/1040253/1040253406.JPEG 1x, /data/Photos/700x500w/10402/1040253/1040253406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11325/1132590/1132590195.JPEG" srcset="/data/Photos/450x450w/11325/1132590/1132590195.JPEG 1x, /data/Photos/700x500w/11325/1132590/1132590195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11325/1132590/1132590873.JPEG" srcset="/data/Photos/450x450w/11325/1132590/1132590873.JPEG 1x, /data/Photos/700x500w/11325/1132590/1132590873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11325/1132591/1132591962.JPEG" srcset="/data/Photos/450x450w/11325/1132591/1132591962.JPEG 1x, /data/Photos/700x500w/11325/1132591/1132591962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10151/1015184/1015184182.JPEG" srcset="/data/Photos/450x450w/10151/1015184/1015184182.JPEG 1x, /data/Photos/700x500w/10151/1015184/1015184182.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7810/781038/781038063.JPEG" srcset="/data/Photos/450x450w/7810/781038/781038063.JPEG 1x, /data/Photos/700x500w/7810/781038/781038063.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Angleterre Hotel Saint Petersburg" data-hbs-name="Angleterre Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://angleterre.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hbmdsZXRlcnJlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Angleterre Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="168653" data-hbs-latitude="59.93898" data-hbs-longitude="30.21523" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQ1NC85NDU0MjQvOTQ1NDI0ODc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9454/945424/945424876.JPEG" srcset="/data/Photos/450x450w/9454/945424/945424876.JPEG 1x, /data/Photos/700x500w/9454/945424/945424876.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11606/1160649/1160649057.JPEG" srcset="/data/Photos/450x450w/11606/1160649/1160649057.JPEG 1x, /data/Photos/700x500w/11606/1160649/1160649057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11634/1163481/1163481921.JPEG" srcset="/data/Photos/450x450w/11634/1163481/1163481921.JPEG 1x, /data/Photos/700x500w/11634/1163481/1163481921.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11635/1163545/1163545899.JPEG" srcset="/data/Photos/450x450w/11635/1163545/1163545899.JPEG 1x, /data/Photos/700x500w/11635/1163545/1163545899.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11635/1163554/1163554866.JPEG" srcset="/data/Photos/450x450w/11635/1163554/1163554866.JPEG 1x, /data/Photos/700x500w/11635/1163554/1163554866.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11646/1164675/1164675456.JPEG" srcset="/data/Photos/450x450w/11646/1164675/1164675456.JPEG 1x, /data/Photos/700x500w/11646/1164675/1164675456.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Park Inn By Radisson Pribaltiyskaya Hotel And Congress Centre Saint Petersburg" data-hbs-name="Park Inn By Radisson Pribaltiyskaya Hotel And Congress Centre Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://park-inn-pribaltiyskaya-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wYXJrLWlubi1wcmliYWx0aXlza2F5YS1zYWludC1wZXRlcnNidXJnLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Park Inn By Radisson Pribaltiyskaya Hotel And Congress Centre Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="174129" data-hbs-latitude="59.94097" data-hbs-longitude="30.32041" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTY3NC81Njc0ODcvNTY3NDg3NjE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5674/567487/567487617.JPEG" srcset="/data/Photos/450x450w/5674/567487/567487617.JPEG 1x, /data/Photos/700x500w/5674/567487/567487617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11485/1148557/1148557597.JPEG" srcset="/data/Photos/450x450w/11485/1148557/1148557597.JPEG 1x, /data/Photos/700x500w/11485/1148557/1148557597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11485/1148558/1148558359.JPEG" srcset="/data/Photos/450x450w/11485/1148558/1148558359.JPEG 1x, /data/Photos/700x500w/11485/1148558/1148558359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11485/1148558/1148558974.JPEG" srcset="/data/Photos/450x450w/11485/1148558/1148558974.JPEG 1x, /data/Photos/700x500w/11485/1148558/1148558974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11485/1148562/1148562049.JPEG" srcset="/data/Photos/450x450w/11485/1148562/1148562049.JPEG 1x, /data/Photos/700x500w/11485/1148562/1148562049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11485/1148562/1148562088.JPEG" srcset="/data/Photos/450x450w/11485/1148562/1148562088.JPEG 1x, /data/Photos/700x500w/11485/1148562/1148562088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Pushka Inn Hotel Saint Petersburg" data-hbs-name="Pushka Inn Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://pushka-inn-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wdXNoa2EtaW5uLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Pushka Inn Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="174973" data-hbs-latitude="59.92903" data-hbs-longitude="30.3355" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMjMvMTAxMjM4NS8xMDEyMzg1OTE3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10123/1012385/1012385917.JPEG" srcset="/data/Photos/450x450w/10123/1012385/1012385917.JPEG 1x, /data/Photos/700x500w/10123/1012385/1012385917.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11571/1157173/1157173788.JPEG" srcset="/data/Photos/450x450w/11571/1157173/1157173788.JPEG 1x, /data/Photos/700x500w/11571/1157173/1157173788.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11149/1114943/1114943373.JPEG" srcset="/data/Photos/450x450w/11149/1114943/1114943373.JPEG 1x, /data/Photos/700x500w/11149/1114943/1114943373.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11149/1114949/1114949157.JPEG" srcset="/data/Photos/450x450w/11149/1114949/1114949157.JPEG 1x, /data/Photos/700x500w/11149/1114949/1114949157.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10660/1066097/1066097239.JPEG" srcset="/data/Photos/450x450w/10660/1066097/1066097239.JPEG 1x, /data/Photos/700x500w/10660/1066097/1066097239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10661/1066102/1066102477.JPEG" srcset="/data/Photos/450x450w/10661/1066102/1066102477.JPEG 1x, /data/Photos/700x500w/10661/1066102/1066102477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Rossi Boutique Hotel Saint Petersburg" data-hbs-name="Rossi Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://rossi-boutique-hotel-spa-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yb3NzaS1ib3V0aXF1ZS1ob3RlbC1zcGEtc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Rossi Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="182480" data-hbs-latitude="59.8425" data-hbs-longitude="30.319" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAxMzYvMTAxMzY4OS8xMDEzNjg5OTY2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10136/1013689/1013689966.JPEG" srcset="/data/Photos/450x450w/10136/1013689/1013689966.JPEG 1x, /data/Photos/700x500w/10136/1013689/1013689966.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3701/370161/370161217.JPEG" srcset="/data/Photos/450x450w/3701/370161/370161217.JPEG 1x, /data/Photos/700x500w/3701/370161/370161217.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10301/1030107/1030107499.JPEG" srcset="/data/Photos/450x450w/10301/1030107/1030107499.JPEG 1x, /data/Photos/700x500w/10301/1030107/1030107499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10301/1030107/1030107532.JPEG" srcset="/data/Photos/450x450w/10301/1030107/1030107532.JPEG 1x, /data/Photos/700x500w/10301/1030107/1030107532.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9982/998259/998259768.JPEG" srcset="/data/Photos/450x450w/9982/998259/998259768.JPEG 1x, /data/Photos/700x500w/9982/998259/998259768.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9982/998259/998259972.JPEG" srcset="/data/Photos/450x450w/9982/998259/998259972.JPEG 1x, /data/Photos/700x500w/9982/998259/998259972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Park Inn By Radisson Pulkovskaya Hotel & Conference Centre St Petersburg Saint Petersburg" data-hbs-name="Park Inn By Radisson Pulkovskaya Hotel & Conference Centre St Petersburg Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://park-inn-pulkovskaya.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wYXJrLWlubi1wdWxrb3Zza2F5YS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Park Inn By Radisson Pulkovskaya Hotel & Conference Centre St Petersburg Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 9.9 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="216967" data-hbs-latitude="59.956837" data-hbs-longitude="30.341593" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzM4Mi83MzgyMzEvNzM4MjMxNTA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7382/738231/738231505.JPEG" srcset="/data/Photos/450x450w/7382/738231/738231505.JPEG 1x, /data/Photos/700x500w/7382/738231/738231505.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11434/1143463/1143463489.JPEG" srcset="/data/Photos/450x450w/11434/1143463/1143463489.JPEG 1x, /data/Photos/700x500w/11434/1143463/1143463489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11468/1146882/1146882244.JPEG" srcset="/data/Photos/450x450w/11468/1146882/1146882244.JPEG 1x, /data/Photos/700x500w/11468/1146882/1146882244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9134/913404/913404166.JPEG" srcset="/data/Photos/450x450w/9134/913404/913404166.JPEG 1x, /data/Photos/700x500w/9134/913404/913404166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830175/830175743.JPEG" srcset="/data/Photos/450x450w/8301/830175/830175743.JPEG 1x, /data/Photos/700x500w/8301/830175/830175743.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8301/830176/830176148.JPEG" srcset="/data/Photos/450x450w/8301/830176/830176148.JPEG 1x, /data/Photos/700x500w/8301/830176/830176148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Saint-Petersburg Hotel Saint Petersburg" data-hbs-name="Saint-Petersburg Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYWludC1wZXRlcnNidXJnLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Saint-Petersburg Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="264404" data-hbs-latitude="59.92866" data-hbs-longitude="30.34696" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTE3MS85MTcxMjQvOTE3MTI0Njk0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9171/917124/917124694.JPEG" srcset="/data/Photos/450x450w/9171/917124/917124694.JPEG 1x, /data/Photos/700x500w/9171/917124/917124694.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11804/1180422/1180422835.JPEG" srcset="/data/Photos/450x450w/11804/1180422/1180422835.JPEG 1x, /data/Photos/700x500w/11804/1180422/1180422835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8281/828111/828111374.JPEG" srcset="/data/Photos/450x450w/8281/828111/828111374.JPEG 1x, /data/Photos/700x500w/8281/828111/828111374.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8188/818834/818834063.JPEG" srcset="/data/Photos/450x450w/8188/818834/818834063.JPEG 1x, /data/Photos/700x500w/8188/818834/818834063.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8188/818834/818834066.JPEG" srcset="/data/Photos/450x450w/8188/818834/818834066.JPEG 1x, /data/Photos/700x500w/8188/818834/818834066.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8188/818834/818834021.JPEG" srcset="/data/Photos/450x450w/8188/818834/818834021.JPEG 1x, /data/Photos/700x500w/8188/818834/818834021.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Dostoevsky Hotel Saint Petersburg" data-hbs-name="Dostoevsky Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://dostoevsky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9kb3N0b2V2c2t5LmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Dostoevsky Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="301989" data-hbs-latitude="59.93692" data-hbs-longitude="30.32299" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njc2My82NzYzODYvNjc2Mzg2MDIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6763/676386/676386021.JPEG" srcset="/data/Photos/450x450w/6763/676386/676386021.JPEG 1x, /data/Photos/700x500w/6763/676386/676386021.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11493/1149317/1149317092.JPEG" srcset="/data/Photos/450x450w/11493/1149317/1149317092.JPEG 1x, /data/Photos/700x500w/11493/1149317/1149317092.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11493/1149317/1149317599.JPEG" srcset="/data/Photos/450x450w/11493/1149317/1149317599.JPEG 1x, /data/Photos/700x500w/11493/1149317/1149317599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11493/1149319/1149319129.JPEG" srcset="/data/Photos/450x450w/11493/1149319/1149319129.JPEG 1x, /data/Photos/700x500w/11493/1149319/1149319129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10401/1040117/1040117866.JPEG" srcset="/data/Photos/450x450w/10401/1040117/1040117866.JPEG 1x, /data/Photos/700x500w/10401/1040117/1040117866.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9600/960003/960003799.JPEG" srcset="/data/Photos/450x450w/9600/960003/960003799.JPEG 1x, /data/Photos/700x500w/9600/960003/960003799.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Golden Triangle Boutique Hotel Saint Petersburg" data-hbs-name="Golden Triangle Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://golden-triangle.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9nb2xkZW4tdHJpYW5nbGUuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Golden Triangle Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="348215" data-hbs-latitude="59.94637" data-hbs-longitude="30.34825" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzU1OS83NTU5NzEvNzU1OTcxMzkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7559/755971/755971390.JPEG" srcset="/data/Photos/450x450w/7559/755971/755971390.JPEG 1x, /data/Photos/700x500w/7559/755971/755971390.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11189/1118944/1118944647.JPEG" srcset="/data/Photos/450x450w/11189/1118944/1118944647.JPEG 1x, /data/Photos/700x500w/11189/1118944/1118944647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10659/1065969/1065969367.JPEG" srcset="/data/Photos/450x450w/10659/1065969/1065969367.JPEG 1x, /data/Photos/700x500w/10659/1065969/1065969367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10378/1037881/1037881954.JPEG" srcset="/data/Photos/450x450w/10378/1037881/1037881954.JPEG 1x, /data/Photos/700x500w/10378/1037881/1037881954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10262/1026208/1026208915.JPEG" srcset="/data/Photos/450x450w/10262/1026208/1026208915.JPEG 1x, /data/Photos/700x500w/10262/1026208/1026208915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10287/1028728/1028728075.JPEG" srcset="/data/Photos/450x450w/10287/1028728/1028728075.JPEG 1x, /data/Photos/700x500w/10287/1028728/1028728075.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Radisson Sonya Hotel Saint Petersburg" data-hbs-name="Radisson Sonya Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://radisson-sonya.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yYWRpc3Nvbi1zb255YS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Radisson Sonya Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="636378" data-hbs-latitude="59.763028" data-hbs-longitude="30.358731" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA5Ni83MDk2MjIvNzA5NjIyMzAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7096/709622/709622302.JPEG" srcset="/data/Photos/450x450w/7096/709622/709622302.JPEG 1x, /data/Photos/700x500w/7096/709622/709622302.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11952/1195219/1195219951.JPEG" srcset="/data/Photos/450x450w/11952/1195219/1195219951.JPEG 1x, /data/Photos/700x500w/11952/1195219/1195219951.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11470/1147060/1147060195.JPEG" srcset="/data/Photos/450x450w/11470/1147060/1147060195.JPEG 1x, /data/Photos/700x500w/11470/1147060/1147060195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11470/1147071/1147071862.JPEG" srcset="/data/Photos/450x450w/11470/1147071/1147071862.JPEG 1x, /data/Photos/700x500w/11470/1147071/1147071862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11470/1147072/1147072069.JPEG" srcset="/data/Photos/450x450w/11470/1147072/1147072069.JPEG 1x, /data/Photos/700x500w/11470/1147072/1147072069.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11729/1172989/1172989902.JPEG" srcset="/data/Photos/450x450w/11729/1172989/1172989902.JPEG 1x, /data/Photos/700x500w/11729/1172989/1172989902.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hilton Saint Petersburg Expoforum Hotel" data-hbs-name="Hilton Saint Petersburg Expoforum Hotel"> <a class="hotels-by-stars__title-link" href="https://hilton-saint-petersburg-expoforum.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9oaWx0b24tc2FpbnQtcGV0ZXJzYnVyZy1leHBvZm9ydW0uaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Hilton Saint Petersburg Expoforum Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="650373" data-hbs-latitude="59.79987" data-hbs-longitude="30.27507" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTc5My85NzkzOTMvOTc5MzkzMDA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9793/979393/979393009.JPEG" srcset="/data/Photos/450x450w/9793/979393/979393009.JPEG 1x, /data/Photos/700x500w/9793/979393/979393009.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10352/1035258/1035258487.JPEG" srcset="/data/Photos/450x450w/10352/1035258/1035258487.JPEG 1x, /data/Photos/700x500w/10352/1035258/1035258487.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11740/1174004/1174004262.JPEG" srcset="/data/Photos/450x450w/11740/1174004/1174004262.JPEG 1x, /data/Photos/700x500w/11740/1174004/1174004262.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11740/1174004/1174004136.JPEG" srcset="/data/Photos/450x450w/11740/1174004/1174004136.JPEG 1x, /data/Photos/700x500w/11740/1174004/1174004136.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11740/1174004/1174004154.JPEG" srcset="/data/Photos/450x450w/11740/1174004/1174004154.JPEG 1x, /data/Photos/700x500w/11740/1174004/1174004154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11740/1174004/1174004280.JPEG" srcset="/data/Photos/450x450w/11740/1174004/1174004280.JPEG 1x, /data/Photos/700x500w/11740/1174004/1174004280.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Park Inn By Radisson Pulkovo Airport Saint Petersburg" data-hbs-name="Park Inn By Radisson Pulkovo Airport Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://park-inn-by-radisson-pulkovo-airport-st-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wYXJrLWlubi1ieS1yYWRpc3Nvbi1wdWxrb3ZvLWFpcnBvcnQtc3Qtc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Park Inn By Radisson Pulkovo Airport Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="798315" data-hbs-latitude="59.933159" data-hbs-longitude="30.333481" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMjUvMTAyMjU1NS8xMDIyNTU1MDU2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10225/1022555/1022555056.JPEG" srcset="/data/Photos/450x450w/10225/1022555/1022555056.JPEG 1x, /data/Photos/700x500w/10225/1022555/1022555056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11671/1167138/1167138984.JPEG" srcset="/data/Photos/450x450w/11671/1167138/1167138984.JPEG 1x, /data/Photos/700x500w/11671/1167138/1167138984.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11700/1170024/1170024994.JPEG" srcset="/data/Photos/450x450w/11700/1170024/1170024994.JPEG 1x, /data/Photos/700x500w/11700/1170024/1170024994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11672/1167277/1167277662.JPEG" srcset="/data/Photos/450x450w/11672/1167277/1167277662.JPEG 1x, /data/Photos/700x500w/11672/1167277/1167277662.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11672/1167280/1167280065.JPEG" srcset="/data/Photos/450x450w/11672/1167280/1167280065.JPEG 1x, /data/Photos/700x500w/11672/1167280/1167280065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11699/1169990/1169990593.JPEG" srcset="/data/Photos/450x450w/11699/1169990/1169990593.JPEG 1x, /data/Photos/700x500w/11699/1169990/1169990593.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Majestic Boutique Hotel Deluxe Saint Petersburg" data-hbs-name="Majestic Boutique Hotel Deluxe Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://majestic-boutique-hotel-deluxe.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tYWplc3RpYy1ib3V0aXF1ZS1ob3RlbC1kZWx1eGUuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Majestic Boutique Hotel Deluxe Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1424909" data-hbs-latitude="59.933548" data-hbs-longitude="30.355862" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTExNzYvMTExNzY4NS8xMTE3Njg1MDc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11176/1117685/1117685079.JPEG" srcset="/data/Photos/450x450w/11176/1117685/1117685079.JPEG 1x, /data/Photos/700x500w/11176/1117685/1117685079.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10077/1007737/1007737012.JPEG" srcset="/data/Photos/450x450w/10077/1007737/1007737012.JPEG 1x, /data/Photos/700x500w/10077/1007737/1007737012.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11211/1121153/1121153508.JPEG" srcset="/data/Photos/450x450w/11211/1121153/1121153508.JPEG 1x, /data/Photos/700x500w/11211/1121153/1121153508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11211/1121153/1121153829.JPEG" srcset="/data/Photos/450x450w/11211/1121153/1121153829.JPEG 1x, /data/Photos/700x500w/11211/1121153/1121153829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11211/1121153/1121153865.JPEG" srcset="/data/Photos/450x450w/11211/1121153/1121153865.JPEG 1x, /data/Photos/700x500w/11211/1121153/1121153865.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11211/1121161/1121161623.JPEG" srcset="/data/Photos/450x450w/11211/1121161/1121161623.JPEG 1x, /data/Photos/700x500w/11211/1121161/1121161623.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Novotel St Petersburg Centre Saint Petersburg" data-hbs-name="Novotel St Petersburg Centre Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://novotel-st-petersburg-centre.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ub3ZvdGVsLXN0LXBldGVyc2J1cmctY2VudHJlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Novotel St Petersburg Centre Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1778171" data-hbs-latitude="59.92379" data-hbs-longitude="30.32213" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4NzQvMTE4NzQ3OS8xMTg3NDc5MzY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11874/1187479/1187479369.JPEG" srcset="/data/Photos/450x450w/11874/1187479/1187479369.JPEG 1x, /data/Photos/700x500w/11874/1187479/1187479369.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11874/1187491/1187491810.JPEG" srcset="/data/Photos/450x450w/11874/1187491/1187491810.JPEG 1x, /data/Photos/700x500w/11874/1187491/1187491810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11841/1184111/1184111758.JPEG" srcset="/data/Photos/450x450w/11841/1184111/1184111758.JPEG 1x, /data/Photos/700x500w/11841/1184111/1184111758.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11687/1168738/1168738483.JPEG" srcset="/data/Photos/450x450w/11687/1168738/1168738483.JPEG 1x, /data/Photos/700x500w/11687/1168738/1168738483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11661/1166166/1166166156.JPEG" srcset="/data/Photos/450x450w/11661/1166166/1166166156.JPEG 1x, /data/Photos/700x500w/11661/1166166/1166166156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11661/1166168/1166168256.JPEG" srcset="/data/Photos/450x450w/11661/1166168/1166168256.JPEG 1x, /data/Photos/700x500w/11661/1166168/1166168256.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Golden Age Saint Petersburg" data-hbs-name="Hotel Golden Age Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://golden-age.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9nb2xkZW4tYWdlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Hotel Golden Age Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2016399" data-hbs-latitude="59.92748" data-hbs-longitude="30.31189" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODI4OC84Mjg4NDMvODI4ODQzNDcwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8288/828843/828843470.JPEG" srcset="/data/Photos/450x450w/8288/828843/828843470.JPEG 1x, /data/Photos/700x500w/8288/828843/828843470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10381/1038128/1038128278.JPEG" srcset="/data/Photos/450x450w/10381/1038128/1038128278.JPEG 1x, /data/Photos/700x500w/10381/1038128/1038128278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7249/724954/724954468.JPEG" srcset="/data/Photos/450x450w/7249/724954/724954468.JPEG 1x, /data/Photos/700x500w/7249/724954/724954468.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7249/724954/724954492.JPEG" srcset="/data/Photos/450x450w/7249/724954/724954492.JPEG 1x, /data/Photos/700x500w/7249/724954/724954492.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7249/724966/724966516.JPEG" srcset="/data/Photos/450x450w/7249/724966/724966516.JPEG 1x, /data/Photos/700x500w/7249/724966/724966516.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7249/724966/724966525.JPEG" srcset="/data/Photos/450x450w/7249/724966/724966525.JPEG 1x, /data/Photos/700x500w/7249/724966/724966525.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Station Hotel Premier S10 Saint Petersburg" data-hbs-name="Station Hotel Premier S10 Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://station-premier-s10.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9zdGF0aW9uLXByZW1pZXItczEwLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Station Hotel Premier S10 Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2482800" data-hbs-latitude="59.92985" data-hbs-longitude="30.36971" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjY1Mi82NjUyOTMvNjY1MjkzMzExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6652/665293/665293311.JPEG" srcset="/data/Photos/450x450w/6652/665293/665293311.JPEG 1x, /data/Photos/700x500w/6652/665293/665293311.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9024/902452/902452387.JPEG" srcset="/data/Photos/450x450w/9024/902452/902452387.JPEG 1x, /data/Photos/700x500w/9024/902452/902452387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9906/990698/990698470.JPEG" srcset="/data/Photos/450x450w/9906/990698/990698470.JPEG 1x, /data/Photos/700x500w/9906/990698/990698470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7915/791530/791530335.JPEG" srcset="/data/Photos/450x450w/7915/791530/791530335.JPEG 1x, /data/Photos/700x500w/7915/791530/791530335.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7810/781086/781086588.JPEG" srcset="/data/Photos/450x450w/7810/781086/781086588.JPEG 1x, /data/Photos/700x500w/7810/781086/781086588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7810/781089/781089654.JPEG" srcset="/data/Photos/450x450w/7810/781089/781089654.JPEG 1x, /data/Photos/700x500w/7810/781089/781089654.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Galunov Hotel Saint Petersburg" data-hbs-name="Galunov Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://galunov.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9nYWx1bm92LmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Galunov Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3765087" data-hbs-latitude="59.93843" data-hbs-longitude="30.37068" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5NTgvMTA5NTg2NC8xMDk1ODY0MjIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10958/1095864/1095864222.JPEG" srcset="/data/Photos/450x450w/10958/1095864/1095864222.JPEG 1x, /data/Photos/700x500w/10958/1095864/1095864222.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10928/1092867/1092867606.JPEG" srcset="/data/Photos/450x450w/10928/1092867/1092867606.JPEG 1x, /data/Photos/700x500w/10928/1092867/1092867606.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10862/1086213/1086213361.JPEG" srcset="/data/Photos/450x450w/10862/1086213/1086213361.JPEG 1x, /data/Photos/700x500w/10862/1086213/1086213361.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10862/1086214/1086214072.JPEG" srcset="/data/Photos/450x450w/10862/1086214/1086214072.JPEG 1x, /data/Photos/700x500w/10862/1086214/1086214072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10862/1086229/1086229198.JPEG" srcset="/data/Photos/450x450w/10862/1086229/1086229198.JPEG 1x, /data/Photos/700x500w/10862/1086229/1086229198.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10676/1067643/1067643364.JPEG" srcset="/data/Photos/450x450w/10676/1067643/1067643364.JPEG 1x, /data/Photos/700x500w/10676/1067643/1067643364.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Harbor Club Hotel Saint Petersburg" data-hbs-name="Harbor Club Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://harbor-club-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9oYXJib3ItY2x1Yi1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Harbor Club Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/3-stars/" class="main-hotels__title-link"> 3-star hotels in Saint Petersburg </a> </h3> <p class="main-hotels__text section__subtitle"> Selected accommodation to get more from your trip </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzMtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="115013" data-hbs-latitude="59.92589" data-hbs-longitude="30.37837" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTAyNC85MDI0NzYvOTAyNDc2NzIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9024/902476/902476723.JPEG" srcset="/data/Photos/450x450w/9024/902476/902476723.JPEG 1x, /data/Photos/700x500w/9024/902476/902476723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9998/999873/999873735.JPEG" srcset="/data/Photos/450x450w/9998/999873/999873735.JPEG 1x, /data/Photos/700x500w/9998/999873/999873735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10788/1078881/1078881136.JPEG" srcset="/data/Photos/450x450w/10788/1078881/1078881136.JPEG 1x, /data/Photos/700x500w/10788/1078881/1078881136.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9980/998027/998027307.JPEG" srcset="/data/Photos/450x450w/9980/998027/998027307.JPEG 1x, /data/Photos/700x500w/9980/998027/998027307.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9980/998027/998027469.JPEG" srcset="/data/Photos/450x450w/9980/998027/998027469.JPEG 1x, /data/Photos/700x500w/9980/998027/998027469.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9980/998027/998027484.JPEG" srcset="/data/Photos/450x450w/9980/998027/998027484.JPEG 1x, /data/Photos/700x500w/9980/998027/998027484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Antares On Nevsky Prospect Hotel Saint Petersburg" data-hbs-name="Antares On Nevsky Prospect Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://royal-antares.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yb3lhbC1hbnRhcmVzLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Antares On Nevsky Prospect Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.4 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164697" data-hbs-latitude="59.93546" data-hbs-longitude="30.31188" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA3Mi83MDcyODAvNzA3MjgwOTUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7072/707280/707280952.JPEG" srcset="/data/Photos/450x450w/7072/707280/707280952.JPEG 1x, /data/Photos/700x500w/7072/707280/707280952.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1169/116947/116947030.JPEG" srcset="/data/Photos/450x450w/1169/116947/116947030.JPEG 1x, /data/Photos/700x500w/1169/116947/116947030.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1169/116947/116947039.JPEG" srcset="/data/Photos/450x450w/1169/116947/116947039.JPEG 1x, /data/Photos/700x500w/1169/116947/116947039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1169/116947/116947051.JPEG" srcset="/data/Photos/450x450w/1169/116947/116947051.JPEG 1x, /data/Photos/700x500w/1169/116947/116947051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1169/116947/116947054.JPEG" srcset="/data/Photos/450x450w/1169/116947/116947054.JPEG 1x, /data/Photos/700x500w/1169/116947/116947054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1169/116947/116947102.JPEG" srcset="/data/Photos/450x450w/1169/116947/116947102.JPEG 1x, /data/Photos/700x500w/1169/116947/116947102.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Old Vienna Hotel Saint Petersburg" data-hbs-name="Old Vienna Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://old-vienna-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9vbGQtdmllbm5hLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Old Vienna Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="164731" data-hbs-latitude="59.92888" data-hbs-longitude="30.41975" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTkwMi85OTAyNTMvOTkwMjUzNTk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9902/990253/990253597.JPEG" srcset="/data/Photos/450x450w/9902/990253/990253597.JPEG 1x, /data/Photos/700x500w/9902/990253/990253597.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10398/1039819/1039819708.JPEG" srcset="/data/Photos/450x450w/10398/1039819/1039819708.JPEG 1x, /data/Photos/700x500w/10398/1039819/1039819708.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10238/1023824/1023824437.JPEG" srcset="/data/Photos/450x450w/10238/1023824/1023824437.JPEG 1x, /data/Photos/700x500w/10238/1023824/1023824437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9880/988052/988052974.JPEG" srcset="/data/Photos/450x450w/9880/988052/988052974.JPEG 1x, /data/Photos/700x500w/9880/988052/988052974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9915/991593/991593823.JPEG" srcset="/data/Photos/450x450w/9915/991593/991593823.JPEG 1x, /data/Photos/700x500w/9915/991593/991593823.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9902/990217/990217648.JPEG" srcset="/data/Photos/450x450w/9902/990217/990217648.JPEG 1x, /data/Photos/700x500w/9902/990217/990217648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ladoga Hotel Saint Petersburg" data-hbs-name="Ladoga Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ladoga.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9sYWRvZ2EuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Ladoga Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="211287" data-hbs-latitude="59.92463" data-hbs-longitude="30.35749" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMzkvMTAyMzk4Ny8xMDIzOTg3MDM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10239/1023987/1023987034.JPEG" srcset="/data/Photos/450x450w/10239/1023987/1023987034.JPEG 1x, /data/Photos/700x500w/10239/1023987/1023987034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11256/1125630/1125630408.JPEG" srcset="/data/Photos/450x450w/11256/1125630/1125630408.JPEG 1x, /data/Photos/700x500w/11256/1125630/1125630408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11256/1125633/1125633537.JPEG" srcset="/data/Photos/450x450w/11256/1125633/1125633537.JPEG 1x, /data/Photos/700x500w/11256/1125633/1125633537.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11288/1128855/1128855291.JPEG" srcset="/data/Photos/450x450w/11288/1128855/1128855291.JPEG 1x, /data/Photos/700x500w/11288/1128855/1128855291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11288/1128895/1128895143.JPEG" srcset="/data/Photos/450x450w/11288/1128895/1128895143.JPEG 1x, /data/Photos/700x500w/11288/1128895/1128895143.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11290/1129098/1129098531.JPEG" srcset="/data/Photos/450x450w/11290/1129098/1129098531.JPEG 1x, /data/Photos/700x500w/11290/1129098/1129098531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ibis St Petersburg Centre Hotel Saint Petersburg" data-hbs-name="Ibis St Petersburg Centre Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ibis-st-petersburg-centre.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9pYmlzLXN0LXBldGVyc2J1cmctY2VudHJlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Ibis St Petersburg Centre Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="340173" data-hbs-latitude="59.932793" data-hbs-longitude="30.334211" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTkzMy85OTMzODgvOTkzMzg4MjkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9933/993388/993388291.JPEG" srcset="/data/Photos/450x450w/9933/993388/993388291.JPEG 1x, /data/Photos/700x500w/9933/993388/993388291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9947/994777/994777093.JPEG" srcset="/data/Photos/450x450w/9947/994777/994777093.JPEG 1x, /data/Photos/700x500w/9947/994777/994777093.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9954/995411/995411371.JPEG" srcset="/data/Photos/450x450w/9954/995411/995411371.JPEG 1x, /data/Photos/700x500w/9954/995411/995411371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9915/991597/991597720.JPEG" srcset="/data/Photos/450x450w/9915/991597/991597720.JPEG 1x, /data/Photos/700x500w/9915/991597/991597720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6954/695414/695414382.JPEG" srcset="/data/Photos/450x450w/6954/695414/695414382.JPEG 1x, /data/Photos/700x500w/6954/695414/695414382.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9936/993635/993635254.JPEG" srcset="/data/Photos/450x450w/9936/993635/993635254.JPEG 1x, /data/Photos/700x500w/9936/993635/993635254.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="M-Hotel Saint Petersburg" data-hbs-name="M-Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://m-hotel-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tLWhvdGVsLXNhaW50LXBldGVyc2J1cmcuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> M-Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="347245" data-hbs-latitude="59.92939" data-hbs-longitude="30.35721" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE0OS8xMTQ5OTIvMTE0OTkyNTU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1149/114992/114992555.JPEG" srcset="/data/Photos/450x450w/1149/114992/114992555.JPEG 1x, /data/Photos/700x500w/1149/114992/114992555.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9946/994637/994637461.JPEG" srcset="/data/Photos/450x450w/9946/994637/994637461.JPEG 1x, /data/Photos/700x500w/9946/994637/994637461.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1898/189879/189879769.JPEG" srcset="/data/Photos/450x450w/1898/189879/189879769.JPEG 1x, /data/Photos/700x500w/1898/189879/189879769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1914/191444/191444755.JPEG" srcset="/data/Photos/450x450w/1914/191444/191444755.JPEG 1x, /data/Photos/700x500w/1914/191444/191444755.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1898/189880/189880096.JPEG" srcset="/data/Photos/450x450w/1898/189880/189880096.JPEG 1x, /data/Photos/700x500w/1898/189880/189880096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1149/114992/114992561.JPEG" srcset="/data/Photos/450x450w/1149/114992/114992561.JPEG 1x, /data/Photos/700x500w/1149/114992/114992561.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Пушкинская 10 Пансион Hotel Saint Petersburg" data-hbs-name="Пушкинская 10 Пансион Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://pushkinskaya-10.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wdXNoa2luc2theWEtMTAuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Пушкинская 10 Пансион Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="348838" data-hbs-latitude="59.85862" data-hbs-longitude="30.47914" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQzMC85NDMwNTYvOTQzMDU2ODI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9430/943056/943056826.JPEG" srcset="/data/Photos/450x450w/9430/943056/943056826.JPEG 1x, /data/Photos/700x500w/9430/943056/943056826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10283/1028309/1028309419.JPEG" srcset="/data/Photos/450x450w/10283/1028309/1028309419.JPEG 1x, /data/Photos/700x500w/10283/1028309/1028309419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9447/944703/944703484.JPEG" srcset="/data/Photos/450x450w/9447/944703/944703484.JPEG 1x, /data/Photos/700x500w/9447/944703/944703484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9447/944703/944703673.JPEG" srcset="/data/Photos/450x450w/9447/944703/944703673.JPEG 1x, /data/Photos/700x500w/9447/944703/944703673.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9447/944703/944703703.JPEG" srcset="/data/Photos/450x450w/9447/944703/944703703.JPEG 1x, /data/Photos/700x500w/9447/944703/944703703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3686/368694/368694199.JPEG" srcset="/data/Photos/450x450w/3686/368694/368694199.JPEG 1x, /data/Photos/700x500w/3686/368694/368694199.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Vintage Hotel Saint Petersburg" data-hbs-name="Vintage Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://vintage-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly92aW50YWdlLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Vintage Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 10.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="357238" data-hbs-latitude="59.99622324527696" data-hbs-longitude="30.105929374694824" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjUyLzI1MjUzLzI1MjUzMTAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25253/25253103.JPEG" srcset="/data/Photos/450x450w/252/25253/25253103.JPEG 1x, /data/Photos/700x500w/252/25253/25253103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25253/25253136.JPEG" srcset="/data/Photos/450x450w/252/25253/25253136.JPEG 1x, /data/Photos/700x500w/252/25253/25253136.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25252/25252887.JPEG" srcset="/data/Photos/450x450w/252/25252/25252887.JPEG 1x, /data/Photos/700x500w/252/25252/25252887.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25253/25253124.JPEG" srcset="/data/Photos/450x450w/252/25253/25253124.JPEG 1x, /data/Photos/700x500w/252/25253/25253124.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25253/25253133.JPEG" srcset="/data/Photos/450x450w/252/25253/25253133.JPEG 1x, /data/Photos/700x500w/252/25253/25253133.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/252/25253/25253187.JPEG" srcset="/data/Photos/450x450w/252/25253/25253187.JPEG 1x, /data/Photos/700x500w/252/25253/25253187.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Olgino Hotel Saint Petersburg" data-hbs-name="Olgino Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://olgino.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9vbGdpbm8uaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Olgino Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 13.3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="411920" data-hbs-latitude="59.9288" data-hbs-longitude="30.35919" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0NS83MDQ1OTUvNzA0NTk1MjQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7045/704595/704595241.JPEG" srcset="/data/Photos/450x450w/7045/704595/704595241.JPEG 1x, /data/Photos/700x500w/7045/704595/704595241.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10256/1025621/1025621845.JPEG" srcset="/data/Photos/450x450w/10256/1025621/1025621845.JPEG 1x, /data/Photos/700x500w/10256/1025621/1025621845.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/272/27259/27259079.JPEG" srcset="/data/Photos/450x450w/272/27259/27259079.JPEG 1x, /data/Photos/700x500w/272/27259/27259079.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10256/1025621/1025621107.JPEG" srcset="/data/Photos/450x450w/10256/1025621/1025621107.JPEG 1x, /data/Photos/700x500w/10256/1025621/1025621107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9072/907235/907235884.JPEG" srcset="/data/Photos/450x450w/9072/907235/907235884.JPEG 1x, /data/Photos/700x500w/9072/907235/907235884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9072/907249/907249360.JPEG" srcset="/data/Photos/450x450w/9072/907249/907249360.JPEG 1x, /data/Photos/700x500w/9072/907249/907249360.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ligotel Saint Petersburg" data-hbs-name="Ligotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ligotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9saWdvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Ligotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="432586" data-hbs-latitude="59.91113" data-hbs-longitude="30.2597" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1MTUvMTE1MTU2NS8xMTUxNTY1NDI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151565/1151565429.JPEG" srcset="/data/Photos/450x450w/11515/1151565/1151565429.JPEG 1x, /data/Photos/700x500w/11515/1151565/1151565429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151551/1151551935.JPEG" srcset="/data/Photos/450x450w/11515/1151551/1151551935.JPEG 1x, /data/Photos/700x500w/11515/1151551/1151551935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151552/1151552892.JPEG" srcset="/data/Photos/450x450w/11515/1151552/1151552892.JPEG 1x, /data/Photos/700x500w/11515/1151552/1151552892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151552/1151552937.JPEG" srcset="/data/Photos/450x450w/11515/1151552/1151552937.JPEG 1x, /data/Photos/700x500w/11515/1151552/1151552937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11515/1151553/1151553330.JPEG" srcset="/data/Photos/450x450w/11515/1151553/1151553330.JPEG 1x, /data/Photos/700x500w/11515/1151553/1151553330.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11542/1154214/1154214087.JPEG" srcset="/data/Photos/450x450w/11542/1154214/1154214087.JPEG 1x, /data/Photos/700x500w/11542/1154214/1154214087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Baltic Hotel Saint Petersburg" data-hbs-name="Baltic Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://baltic-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9iYWx0aWMtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Baltic Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 4.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="551450" data-hbs-latitude="59.92493371406432" data-hbs-longitude="30.318201583122573" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE5My80MTkzMDYvNDE5MzA2MjA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4193/419306/419306205.JPEG" srcset="/data/Photos/450x450w/4193/419306/419306205.JPEG 1x, /data/Photos/700x500w/4193/419306/419306205.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9135/913572/913572685.JPEG" srcset="/data/Photos/450x450w/9135/913572/913572685.JPEG 1x, /data/Photos/700x500w/9135/913572/913572685.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9135/913572/913572490.JPEG" srcset="/data/Photos/450x450w/9135/913572/913572490.JPEG 1x, /data/Photos/700x500w/9135/913572/913572490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9132/913254/913254403.JPEG" srcset="/data/Photos/450x450w/9132/913254/913254403.JPEG 1x, /data/Photos/700x500w/9132/913254/913254403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9135/913572/913572565.JPEG" srcset="/data/Photos/450x450w/9135/913572/913572565.JPEG 1x, /data/Photos/700x500w/9135/913572/913572565.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9135/913572/913572727.JPEG" srcset="/data/Photos/450x450w/9135/913572/913572727.JPEG 1x, /data/Photos/700x500w/9135/913572/913572727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Capital Hotel Na Sennoy Saint Petersburg" data-hbs-name="Capital Hotel Na Sennoy Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://capital-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jYXBpdGFsLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Capital Hotel Na Sennoy Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="724984" data-hbs-latitude="59.763673" data-hbs-longitude="30.356023" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA5Mi83MDkyMzUvNzA5MjM1MDQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7092/709235/709235047.JPEG" srcset="/data/Photos/450x450w/7092/709235/709235047.JPEG 1x, /data/Photos/700x500w/7092/709235/709235047.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8001/800105/800105040.JPEG" srcset="/data/Photos/450x450w/8001/800105/800105040.JPEG 1x, /data/Photos/700x500w/8001/800105/800105040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8001/800105/800105121.JPEG" srcset="/data/Photos/450x450w/8001/800105/800105121.JPEG 1x, /data/Photos/700x500w/8001/800105/800105121.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7493/749390/749390495.JPEG" srcset="/data/Photos/450x450w/7493/749390/749390495.JPEG 1x, /data/Photos/700x500w/7493/749390/749390495.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7493/749389/749389982.JPEG" srcset="/data/Photos/450x450w/7493/749389/749389982.JPEG 1x, /data/Photos/700x500w/7493/749389/749389982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7493/749390/749390024.JPEG" srcset="/data/Photos/450x450w/7493/749390/749390024.JPEG 1x, /data/Photos/700x500w/7493/749390/749390024.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hampton By Hilton Saint-Petersburg Expoforum Hotel Saint Petersburg" data-hbs-name="Hampton By Hilton Saint-Petersburg Expoforum Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hampton-by-hilton-st-petersburg-expoforum.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9oYW1wdG9uLWJ5LWhpbHRvbi1zdC1wZXRlcnNidXJnLWV4cG9mb3J1bS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Hampton By Hilton Saint-Petersburg Expoforum Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1108533" data-hbs-latitude="59.90415" data-hbs-longitude="30.31746" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEwMTkvMTEwMTk3OC8xMTAxOTc4Njg3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11019/1101978/1101978687.JPEG" srcset="/data/Photos/450x450w/11019/1101978/1101978687.JPEG 1x, /data/Photos/700x500w/11019/1101978/1101978687.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10923/1092305/1092305208.JPEG" srcset="/data/Photos/450x450w/10923/1092305/1092305208.JPEG 1x, /data/Photos/700x500w/10923/1092305/1092305208.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10923/1092307/1092307668.JPEG" srcset="/data/Photos/450x450w/10923/1092307/1092307668.JPEG 1x, /data/Photos/700x500w/10923/1092307/1092307668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10973/1097342/1097342400.JPEG" srcset="/data/Photos/450x450w/10973/1097342/1097342400.JPEG 1x, /data/Photos/700x500w/10973/1097342/1097342400.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11019/1101941/1101941991.JPEG" srcset="/data/Photos/450x450w/11019/1101941/1101941991.JPEG 1x, /data/Photos/700x500w/11019/1101941/1101941991.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11019/1101943/1101943827.JPEG" srcset="/data/Photos/450x450w/11019/1101943/1101943827.JPEG 1x, /data/Photos/700x500w/11019/1101943/1101943827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Vertical Aparthotel Saint Petersburg" data-hbs-name="Vertical Aparthotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://vertical-aparthotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly92ZXJ0aWNhbC1hcGFydGhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Vertical Aparthotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1732671" data-hbs-latitude="59.93896" data-hbs-longitude="30.3607" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyMzkvMTAyMzk4MS8xMDIzOTgxMTY2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10239/1023981/1023981166.JPEG" srcset="/data/Photos/450x450w/10239/1023981/1023981166.JPEG 1x, /data/Photos/700x500w/10239/1023981/1023981166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817782/817782776.JPEG" srcset="/data/Photos/450x450w/8177/817782/817782776.JPEG 1x, /data/Photos/700x500w/8177/817782/817782776.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817772/817772663.JPEG" srcset="/data/Photos/450x450w/8177/817772/817772663.JPEG 1x, /data/Photos/700x500w/8177/817772/817772663.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817773/817773899.JPEG" srcset="/data/Photos/450x450w/8177/817773/817773899.JPEG 1x, /data/Photos/700x500w/8177/817773/817773899.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817774/817774523.JPEG" srcset="/data/Photos/450x450w/8177/817774/817774523.JPEG 1x, /data/Photos/700x500w/8177/817774/817774523.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8177/817775/817775684.JPEG" srcset="/data/Photos/450x450w/8177/817775/817775684.JPEG 1x, /data/Photos/700x500w/8177/817775/817775684.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Offenbacher Hotel Saint Petersburg" data-hbs-name="Offenbacher Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://offenbacher-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9vZmZlbmJhY2hlci1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Offenbacher Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2016426" data-hbs-latitude="59.92646" data-hbs-longitude="30.31193" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzQ0MS83NDQxMTEvNzQ0MTExMzY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7441/744111/744111367.JPEG" srcset="/data/Photos/450x450w/7441/744111/744111367.JPEG 1x, /data/Photos/700x500w/7441/744111/744111367.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10670/1067013/1067013544.JPEG" srcset="/data/Photos/450x450w/10670/1067013/1067013544.JPEG 1x, /data/Photos/700x500w/10670/1067013/1067013544.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9687/968759/968759884.JPEG" srcset="/data/Photos/450x450w/9687/968759/968759884.JPEG 1x, /data/Photos/700x500w/9687/968759/968759884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9687/968759/968759902.JPEG" srcset="/data/Photos/450x450w/9687/968759/968759902.JPEG 1x, /data/Photos/700x500w/9687/968759/968759902.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9668/966811/966811684.JPEG" srcset="/data/Photos/450x450w/9668/966811/966811684.JPEG 1x, /data/Photos/700x500w/9668/966811/966811684.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9668/966812/966812668.JPEG" srcset="/data/Photos/450x450w/9668/966812/966812668.JPEG 1x, /data/Photos/700x500w/9668/966812/966812668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Station Hotel S13 Saint Petersburg" data-hbs-name="Station Hotel S13 Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://station-s13.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9zdGF0aW9uLXMxMy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Station Hotel S13 Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3040275" data-hbs-latitude="59.94178" data-hbs-longitude="30.36132" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzY3MC83NjcwNjcvNzY3MDY3OTg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7670/767067/767067988.JPEG" srcset="/data/Photos/450x450w/7670/767067/767067988.JPEG 1x, /data/Photos/700x500w/7670/767067/767067988.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5395/539562/539562975.JPEG" srcset="/data/Photos/450x450w/5395/539562/539562975.JPEG 1x, /data/Photos/700x500w/5395/539562/539562975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11489/1148971/1148971852.JPEG" srcset="/data/Photos/450x450w/11489/1148971/1148971852.JPEG 1x, /data/Photos/700x500w/11489/1148971/1148971852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7751/775101/775101010.JPEG" srcset="/data/Photos/450x450w/7751/775101/775101010.JPEG 1x, /data/Photos/700x500w/7751/775101/775101010.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7670/767067/767067994.JPEG" srcset="/data/Photos/450x450w/7670/767067/767067994.JPEG 1x, /data/Photos/700x500w/7670/767067/767067994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7670/767068/767068003.JPEG" srcset="/data/Photos/450x450w/7670/767068/767068003.JPEG 1x, /data/Photos/700x500w/7670/767068/767068003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Rotas City Center Apart Hotel Saint Petersburg" data-hbs-name="Rotas City Center Apart Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://rotas-city-center.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yb3Rhcy1jaXR5LWNlbnRlci5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Rotas City Center Apart Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3283449" data-hbs-latitude="59.92818" data-hbs-longitude="30.31269" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2NjAvMTE2NjA2Ny8xMTY2MDY3ODg1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166067/1166067885.JPEG" srcset="/data/Photos/450x450w/11660/1166067/1166067885.JPEG 1x, /data/Photos/700x500w/11660/1166067/1166067885.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166069/1166069880.JPEG" srcset="/data/Photos/450x450w/11660/1166069/1166069880.JPEG 1x, /data/Photos/700x500w/11660/1166069/1166069880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166071/1166071515.JPEG" srcset="/data/Photos/450x450w/11660/1166071/1166071515.JPEG 1x, /data/Photos/700x500w/11660/1166071/1166071515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11675/1167589/1167589621.JPEG" srcset="/data/Photos/450x450w/11675/1167589/1167589621.JPEG 1x, /data/Photos/700x500w/11675/1167589/1167589621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168158/1168158892.JPEG" srcset="/data/Photos/450x450w/11681/1168158/1168158892.JPEG 1x, /data/Photos/700x500w/11681/1168158/1168158892.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11681/1168159/1168159576.JPEG" srcset="/data/Photos/450x450w/11681/1168159/1168159576.JPEG 1x, /data/Photos/700x500w/11681/1168159/1168159576.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Gutenberg Hotel Saint Petersburg" data-hbs-name="Gutenberg Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://gutenberg-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ndXRlbmJlcmctaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Gutenberg Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5086232" data-hbs-latitude="59.92963" data-hbs-longitude="30.30544" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzc1Mi83NzUyNDMvNzc1MjQzNTE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7752/775243/775243516.JPEG" srcset="/data/Photos/450x450w/7752/775243/775243516.JPEG 1x, /data/Photos/700x500w/7752/775243/775243516.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9765/976540/976540642.JPEG" srcset="/data/Photos/450x450w/9765/976540/976540642.JPEG 1x, /data/Photos/700x500w/9765/976540/976540642.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7535/753505/753505963.JPEG" srcset="/data/Photos/450x450w/7535/753505/753505963.JPEG 1x, /data/Photos/700x500w/7535/753505/753505963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7752/775241/775241473.JPEG" srcset="/data/Photos/450x450w/7752/775241/775241473.JPEG 1x, /data/Photos/700x500w/7752/775241/775241473.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7752/775241/775241668.JPEG" srcset="/data/Photos/450x450w/7752/775241/775241668.JPEG 1x, /data/Photos/700x500w/7752/775241/775241668.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7752/775241/775241698.JPEG" srcset="/data/Photos/450x450w/7752/775241/775241698.JPEG 1x, /data/Photos/700x500w/7752/775241/775241698.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Apart-Hotel Oficer Saint Petersburg" data-hbs-name="Apart-Hotel Oficer Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://oficer.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9vZmljZXIuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Apart-Hotel Oficer Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6150954" data-hbs-latitude="59.92518" data-hbs-longitude="30.30402" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzk5OS83OTk5NDUvNzk5OTQ1NjAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7999/799945/799945602.JPEG" srcset="/data/Photos/450x450w/7999/799945/799945602.JPEG 1x, /data/Photos/700x500w/7999/799945/799945602.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9122/912270/912270352.JPEG" srcset="/data/Photos/450x450w/9122/912270/912270352.JPEG 1x, /data/Photos/700x500w/9122/912270/912270352.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10709/1070924/1070924785.JPEG" srcset="/data/Photos/450x450w/10709/1070924/1070924785.JPEG 1x, /data/Photos/700x500w/10709/1070924/1070924785.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10897/1089716/1089716382.JPEG" srcset="/data/Photos/450x450w/10897/1089716/1089716382.JPEG 1x, /data/Photos/700x500w/10897/1089716/1089716382.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10709/1070913/1070913631.JPEG" srcset="/data/Photos/450x450w/10709/1070913/1070913631.JPEG 1x, /data/Photos/700x500w/10709/1070913/1070913631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10897/1089715/1089715914.JPEG" srcset="/data/Photos/450x450w/10897/1089715/1089715914.JPEG 1x, /data/Photos/700x500w/10897/1089715/1089715914.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Margarita Hotel Saint Petersburg" data-hbs-name="Margarita Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://margarita-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tYXJnYXJpdGEtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Margarita Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6150981" data-hbs-latitude="59.93708" data-hbs-longitude="30.34137" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA1OTQvMTA1OTQ0OC8xMDU5NDQ4MTMyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10594/1059448/1059448132.JPEG" srcset="/data/Photos/450x450w/10594/1059448/1059448132.JPEG 1x, /data/Photos/700x500w/10594/1059448/1059448132.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10594/1059448/1059448141.JPEG" srcset="/data/Photos/450x450w/10594/1059448/1059448141.JPEG 1x, /data/Photos/700x500w/10594/1059448/1059448141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10594/1059466/1059466864.JPEG" srcset="/data/Photos/450x450w/10594/1059466/1059466864.JPEG 1x, /data/Photos/700x500w/10594/1059466/1059466864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10682/1068248/1068248641.JPEG" srcset="/data/Photos/450x450w/10682/1068248/1068248641.JPEG 1x, /data/Photos/700x500w/10682/1068248/1068248641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10682/1068252/1068252049.JPEG" srcset="/data/Photos/450x450w/10682/1068252/1068252049.JPEG 1x, /data/Photos/700x500w/10682/1068252/1068252049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10682/1068252/1068252469.JPEG" srcset="/data/Photos/450x450w/10682/1068252/1068252469.JPEG 1x, /data/Photos/700x500w/10682/1068252/1068252469.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Neo Classic By Academia Hotel Saint Petersburg" data-hbs-name="Neo Classic By Academia Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://neo-classic-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9uZW8tY2xhc3NpYy1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Neo Classic By Academia Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/2-stars/" class="main-hotels__title-link"> 2-star hotels in Saint Petersburg </a> </h3> <p class="main-hotels__text section__subtitle"> High-quality accommodation for a reasonable price </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzItc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="356752" data-hbs-latitude="59.93239" data-hbs-longitude="30.34757" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MzIzMi8zMjMyMzkvMzIzMjM5NjkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3232/323239/323239690.JPEG" srcset="/data/Photos/450x450w/3232/323239/323239690.JPEG 1x, /data/Photos/700x500w/3232/323239/323239690.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10191/1019127/1019127631.JPEG" srcset="/data/Photos/450x450w/10191/1019127/1019127631.JPEG 1x, /data/Photos/700x500w/10191/1019127/1019127631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10191/1019128/1019128336.JPEG" srcset="/data/Photos/450x450w/10191/1019128/1019128336.JPEG 1x, /data/Photos/700x500w/10191/1019128/1019128336.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10141/1014129/1014129715.JPEG" srcset="/data/Photos/450x450w/10141/1014129/1014129715.JPEG 1x, /data/Photos/700x500w/10141/1014129/1014129715.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10191/1019135/1019135839.JPEG" srcset="/data/Photos/450x450w/10191/1019135/1019135839.JPEG 1x, /data/Photos/700x500w/10191/1019135/1019135839.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3393/339316/339316540.JPEG" srcset="/data/Photos/450x450w/3393/339316/339316540.JPEG 1x, /data/Photos/700x500w/3393/339316/339316540.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Friends Life Hostel Saint Petersburg" data-hbs-name="Friends Life Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://friends-life.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9mcmllbmRzLWxpZmUuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Friends Life Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="572079" data-hbs-latitude="59.9336" data-hbs-longitude="30.36035" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzODgvMTAzODg3Ni8xMDM4ODc2NTg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10388/1038876/1038876589.JPEG" srcset="/data/Photos/450x450w/10388/1038876/1038876589.JPEG 1x, /data/Photos/700x500w/10388/1038876/1038876589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1244/124403/124403586.JPEG" srcset="/data/Photos/450x450w/1244/124403/124403586.JPEG 1x, /data/Photos/700x500w/1244/124403/124403586.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6653/665388/665388453.JPEG" srcset="/data/Photos/450x450w/6653/665388/665388453.JPEG 1x, /data/Photos/700x500w/6653/665388/665388453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4189/418987/418987470.JPEG" srcset="/data/Photos/450x450w/4189/418987/418987470.JPEG 1x, /data/Photos/700x500w/4189/418987/418987470.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4189/418987/418987476.JPEG" srcset="/data/Photos/450x450w/4189/418987/418987476.JPEG 1x, /data/Photos/700x500w/4189/418987/418987476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1260/126024/126024387.JPEG" srcset="/data/Photos/450x450w/1260/126024/126024387.JPEG 1x, /data/Photos/700x500w/1260/126024/126024387.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Friends On Vosstaniya Hostel Saint Petersburg" data-hbs-name="Friends On Vosstaniya Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://friends-on-vosstaniya.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9mcmllbmRzLW9uLXZvc3N0YW5peWEuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Friends On Vosstaniya Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="600390" data-hbs-latitude="59.94252" data-hbs-longitude="30.35811" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTg5LzU4OTc0LzU4OTc0MTMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/589/58974/58974130.JPEG" srcset="/data/Photos/450x450w/589/58974/58974130.JPEG 1x, /data/Photos/700x500w/589/58974/58974130.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6653/665322/665322717.JPEG" srcset="/data/Photos/450x450w/6653/665322/665322717.JPEG 1x, /data/Photos/700x500w/6653/665322/665322717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11091/1109135/1109135610.JPEG" srcset="/data/Photos/450x450w/11091/1109135/1109135610.JPEG 1x, /data/Photos/700x500w/11091/1109135/1109135610.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11062/1106222/1106222178.JPEG" srcset="/data/Photos/450x450w/11062/1106222/1106222178.JPEG 1x, /data/Photos/700x500w/11062/1106222/1106222178.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4181/418167/418167315.JPEG" srcset="/data/Photos/450x450w/4181/418167/418167315.JPEG 1x, /data/Photos/700x500w/4181/418167/418167315.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4181/418167/418167687.JPEG" srcset="/data/Photos/450x450w/4181/418167/418167687.JPEG 1x, /data/Photos/700x500w/4181/418167/418167687.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel Cinema Saint Petersburg" data-hbs-name="Hostel Cinema Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hostel-cinema.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtY2luZW1hLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Hostel Cinema Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="801378" data-hbs-latitude="59.92242" data-hbs-longitude="30.33251" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEyMzcvMTEyMzc4MC8xMTIzNzgwOTk1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11237/1123780/1123780995.JPEG" srcset="/data/Photos/450x450w/11237/1123780/1123780995.JPEG 1x, /data/Photos/700x500w/11237/1123780/1123780995.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10889/1088933/1088933674.JPEG" srcset="/data/Photos/450x450w/10889/1088933/1088933674.JPEG 1x, /data/Photos/700x500w/10889/1088933/1088933674.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10261/1026119/1026119206.JPEG" srcset="/data/Photos/450x450w/10261/1026119/1026119206.JPEG 1x, /data/Photos/700x500w/10261/1026119/1026119206.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10261/1026118/1026118729.JPEG" srcset="/data/Photos/450x450w/10261/1026118/1026118729.JPEG 1x, /data/Photos/700x500w/10261/1026118/1026118729.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10261/1026120/1026120658.JPEG" srcset="/data/Photos/450x450w/10261/1026120/1026120658.JPEG 1x, /data/Photos/700x500w/10261/1026120/1026120658.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10241/1024141/1024141381.JPEG" srcset="/data/Photos/450x450w/10241/1024141/1024141381.JPEG 1x, /data/Photos/700x500w/10241/1024141/1024141381.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kino Hostel On Pushkinskaya Saint Petersburg" data-hbs-name="Kino Hostel On Pushkinskaya Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://kino-hostel-on-pushkinskaya.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9raW5vLWhvc3RlbC1vbi1wdXNoa2luc2theWEuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Kino Hostel On Pushkinskaya Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="802779" data-hbs-latitude="59.91378" data-hbs-longitude="30.29686" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQyOS85NDI5NDEvOTQyOTQxMTE2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9429/942941/942941116.JPEG" srcset="/data/Photos/450x450w/9429/942941/942941116.JPEG 1x, /data/Photos/700x500w/9429/942941/942941116.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9429/942941/942941008.JPEG" srcset="/data/Photos/450x450w/9429/942941/942941008.JPEG 1x, /data/Photos/700x500w/9429/942941/942941008.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7688/768817/768817891.JPEG" srcset="/data/Photos/450x450w/7688/768817/768817891.JPEG 1x, /data/Photos/700x500w/7688/768817/768817891.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8078/807897/807897444.JPEG" srcset="/data/Photos/450x450w/8078/807897/807897444.JPEG 1x, /data/Photos/700x500w/8078/807897/807897444.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8078/807899/807899445.JPEG" srcset="/data/Photos/450x450w/8078/807899/807899445.JPEG 1x, /data/Photos/700x500w/8078/807899/807899445.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8078/807899/807899568.JPEG" srcset="/data/Photos/450x450w/8078/807899/807899568.JPEG 1x, /data/Photos/700x500w/8078/807899/807899568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Giggly Hostel Saint Petersburg" data-hbs-name="Giggly Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://giggly-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9naWdnbHktaG9zdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Giggly Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="946598" data-hbs-latitude="59.95751" data-hbs-longitude="30.32809" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjQxNi82NDE2NDUvNjQxNjQ1NTkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6416/641645/641645592.JPEG" srcset="/data/Photos/450x450w/6416/641645/641645592.JPEG 1x, /data/Photos/700x500w/6416/641645/641645592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1819/181946/181946430.JPEG" srcset="/data/Photos/450x450w/1819/181946/181946430.JPEG 1x, /data/Photos/700x500w/1819/181946/181946430.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6416/641650/641650530.JPEG" srcset="/data/Photos/450x450w/6416/641650/641650530.JPEG 1x, /data/Photos/700x500w/6416/641650/641650530.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6416/641650/641650827.JPEG" srcset="/data/Photos/450x450w/6416/641650/641650827.JPEG 1x, /data/Photos/700x500w/6416/641650/641650827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6416/641650/641650941.JPEG" srcset="/data/Photos/450x450w/6416/641650/641650941.JPEG 1x, /data/Photos/700x500w/6416/641650/641650941.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6416/641651/641651835.JPEG" srcset="/data/Photos/450x450w/6416/641651/641651835.JPEG 1x, /data/Photos/700x500w/6416/641651/641651835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Likehome Hostel Saint Petersburg" data-hbs-name="Likehome Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://likehome-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9saWtlaG9tZS1ob3N0ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Likehome Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="946747" data-hbs-latitude="59.92996" data-hbs-longitude="30.3757" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjA0Ny8yMDQ3ODIvMjA0NzgyMTYxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2047/204782/204782161.JPEG" srcset="/data/Photos/450x450w/2047/204782/204782161.JPEG 1x, /data/Photos/700x500w/2047/204782/204782161.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6663/666331/666331722.JPEG" srcset="/data/Photos/450x450w/6663/666331/666331722.JPEG 1x, /data/Photos/700x500w/6663/666331/666331722.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6663/666334/666334974.JPEG" srcset="/data/Photos/450x450w/6663/666334/666334974.JPEG 1x, /data/Photos/700x500w/6663/666334/666334974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3787/378736/378736831.JPEG" srcset="/data/Photos/450x450w/3787/378736/378736831.JPEG 1x, /data/Photos/700x500w/3787/378736/378736831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2047/204778/204778123.JPEG" srcset="/data/Photos/450x450w/2047/204778/204778123.JPEG 1x, /data/Photos/700x500w/2047/204778/204778123.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2047/204782/204782122.JPEG" srcset="/data/Photos/450x450w/2047/204782/204782122.JPEG 1x, /data/Photos/700x500w/2047/204782/204782122.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Rainbow Hostel Saint Petersburg" data-hbs-name="Rainbow Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://rainbow-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yYWluYm93LWhvc3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Rainbow Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 10 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1041243" data-hbs-latitude="59.95262" data-hbs-longitude="30.28957" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzOTgvMTAzOTg5Ni8xMDM5ODk2MDAxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10398/1039896/1039896001.JPEG" srcset="/data/Photos/450x450w/10398/1039896/1039896001.JPEG 1x, /data/Photos/700x500w/10398/1039896/1039896001.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10667/1066795/1066795564.JPEG" srcset="/data/Photos/450x450w/10667/1066795/1066795564.JPEG 1x, /data/Photos/700x500w/10667/1066795/1066795564.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10667/1066799/1066799140.JPEG" srcset="/data/Photos/450x450w/10667/1066799/1066799140.JPEG 1x, /data/Photos/700x500w/10667/1066799/1066799140.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10668/1066803/1066803169.JPEG" srcset="/data/Photos/450x450w/10668/1066803/1066803169.JPEG 1x, /data/Photos/700x500w/10668/1066803/1066803169.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10668/1066803/1066803349.JPEG" srcset="/data/Photos/450x450w/10668/1066803/1066803349.JPEG 1x, /data/Photos/700x500w/10668/1066803/1066803349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10668/1066805/1066805107.JPEG" srcset="/data/Photos/450x450w/10668/1066805/1066805107.JPEG 1x, /data/Photos/700x500w/10668/1066805/1066805107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aqua Hostel Saint Petersburg" data-hbs-name="Aqua Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://aqua-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hcXVhLWhvc3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Aqua Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1108868" data-hbs-latitude="59.92451" data-hbs-longitude="30.31158" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzk4Ny83OTg3ODkvNzk4Nzg5MTIzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7987/798789/798789123.JPEG" srcset="/data/Photos/450x450w/7987/798789/798789123.JPEG 1x, /data/Photos/700x500w/7987/798789/798789123.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7967/796719/796719396.JPEG" srcset="/data/Photos/450x450w/7967/796719/796719396.JPEG 1x, /data/Photos/700x500w/7967/796719/796719396.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7967/796719/796719504.JPEG" srcset="/data/Photos/450x450w/7967/796719/796719504.JPEG 1x, /data/Photos/700x500w/7967/796719/796719504.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10103/1010302/1010302726.JPEG" srcset="/data/Photos/450x450w/10103/1010302/1010302726.JPEG 1x, /data/Photos/700x500w/10103/1010302/1010302726.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7967/796719/796719375.JPEG" srcset="/data/Photos/450x450w/7967/796719/796719375.JPEG 1x, /data/Photos/700x500w/7967/796719/796719375.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1572/157276/157276716.JPEG" srcset="/data/Photos/450x450w/1572/157276/157276716.JPEG 1x, /data/Photos/700x500w/1572/157276/157276716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Alye Parusa Hotel Saint Petersburg" data-hbs-name="Alye Parusa Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://alye-parusa-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hbHllLXBhcnVzYS1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Alye Parusa Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1256289" data-hbs-latitude="59.9367" data-hbs-longitude="30.31687" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzM3NS83Mzc1MzgvNzM3NTM4NjIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7375/737538/737538622.JPEG" srcset="/data/Photos/450x450w/7375/737538/737538622.JPEG 1x, /data/Photos/700x500w/7375/737538/737538622.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7428/742862/742862242.JPEG" srcset="/data/Photos/450x450w/7428/742862/742862242.JPEG 1x, /data/Photos/700x500w/7428/742862/742862242.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7375/737535/737535814.JPEG" srcset="/data/Photos/450x450w/7375/737535/737535814.JPEG 1x, /data/Photos/700x500w/7375/737535/737535814.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7375/737536/737536864.JPEG" srcset="/data/Photos/450x450w/7375/737536/737536864.JPEG 1x, /data/Photos/700x500w/7375/737536/737536864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7375/737537/737537236.JPEG" srcset="/data/Photos/450x450w/7375/737537/737537236.JPEG 1x, /data/Photos/700x500w/7375/737537/737537236.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7375/737537/737537266.JPEG" srcset="/data/Photos/450x450w/7375/737537/737537266.JPEG 1x, /data/Photos/700x500w/7375/737537/737537266.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Artway Design Hotel" data-hbs-name="Artway Design Hotel"> <a class="hotels-by-stars__title-link" href="https://artway-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hcnR3YXktaG9zdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Artway Design Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2012277" data-hbs-latitude="59.92522" data-hbs-longitude="30.33012" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5MjYvMTA5MjYyMy8xMDkyNjIzNjA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10926/1092623/1092623604.JPEG" srcset="/data/Photos/450x450w/10926/1092623/1092623604.JPEG 1x, /data/Photos/700x500w/10926/1092623/1092623604.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10926/1092622/1092622488.JPEG" srcset="/data/Photos/450x450w/10926/1092622/1092622488.JPEG 1x, /data/Photos/700x500w/10926/1092622/1092622488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10926/1092623/1092623436.JPEG" srcset="/data/Photos/450x450w/10926/1092623/1092623436.JPEG 1x, /data/Photos/700x500w/10926/1092623/1092623436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11033/1103314/1103314500.JPEG" srcset="/data/Photos/450x450w/11033/1103314/1103314500.JPEG 1x, /data/Photos/700x500w/11033/1103314/1103314500.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11032/1103294/1103294829.JPEG" srcset="/data/Photos/450x450w/11032/1103294/1103294829.JPEG 1x, /data/Photos/700x500w/11032/1103294/1103294829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8157/815754/815754647.JPEG" srcset="/data/Photos/450x450w/8157/815754/815754647.JPEG 1x, /data/Photos/700x500w/8157/815754/815754647.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Guest House Prosto Saint Petersburg" data-hbs-name="Guest House Prosto Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://guest-house-prosto.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ndWVzdC1ob3VzZS1wcm9zdG8uaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Guest House Prosto Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2285097" data-hbs-latitude="59.92759" data-hbs-longitude="30.33141" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzkvMTAzNzkxNC8xMDM3OTE0OTkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10379/1037914/1037914993.JPEG" srcset="/data/Photos/450x450w/10379/1037914/1037914993.JPEG 1x, /data/Photos/700x500w/10379/1037914/1037914993.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11422/1142201/1142201770.JPEG" srcset="/data/Photos/450x450w/11422/1142201/1142201770.JPEG 1x, /data/Photos/700x500w/11422/1142201/1142201770.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10123/1012321/1012321240.JPEG" srcset="/data/Photos/450x450w/10123/1012321/1012321240.JPEG 1x, /data/Photos/700x500w/10123/1012321/1012321240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10123/1012321/1012321756.JPEG" srcset="/data/Photos/450x450w/10123/1012321/1012321756.JPEG 1x, /data/Photos/700x500w/10123/1012321/1012321756.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9445/944501/944501437.JPEG" srcset="/data/Photos/450x450w/9445/944501/944501437.JPEG 1x, /data/Photos/700x500w/9445/944501/944501437.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9445/944501/944501716.JPEG" srcset="/data/Photos/450x450w/9445/944501/944501716.JPEG 1x, /data/Photos/700x500w/9445/944501/944501716.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Friends On Fontanka Hotel Saint Petersburg" data-hbs-name="Friends On Fontanka Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://friends-on-fontanka.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9mcmllbmRzLW9uLWZvbnRhbmthLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Friends On Fontanka Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2612805" data-hbs-latitude="59.94214" data-hbs-longitude="30.34444" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA0NS84MDQ1NTAvODA0NTUwNDc5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8045/804550/804550479.JPEG" srcset="/data/Photos/450x450w/8045/804550/804550479.JPEG 1x, /data/Photos/700x500w/8045/804550/804550479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517621/517621371.JPEG" srcset="/data/Photos/450x450w/5176/517621/517621371.JPEG 1x, /data/Photos/700x500w/5176/517621/517621371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517621/517621392.JPEG" srcset="/data/Photos/450x450w/5176/517621/517621392.JPEG 1x, /data/Photos/700x500w/5176/517621/517621392.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517621/517621434.JPEG" srcset="/data/Photos/450x450w/5176/517621/517621434.JPEG 1x, /data/Photos/700x500w/5176/517621/517621434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8045/804551/804551865.JPEG" srcset="/data/Photos/450x450w/8045/804551/804551865.JPEG 1x, /data/Photos/700x500w/8045/804551/804551865.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517621/517621737.JPEG" srcset="/data/Photos/450x450w/5176/517621/517621737.JPEG 1x, /data/Photos/700x500w/5176/517621/517621737.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Inbox Capsule Hotel Saint Petersburg" data-hbs-name="Inbox Capsule Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://inbox-capsule-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9pbmJveC1jYXBzdWxlLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Inbox Capsule Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2613204" data-hbs-latitude="59.93034" data-hbs-longitude="30.33143" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjY1Ni82NjU2NTgvNjY1NjU4NzQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665658/665658747.JPEG" srcset="/data/Photos/450x450w/6656/665658/665658747.JPEG 1x, /data/Photos/700x500w/6656/665658/665658747.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665662/665662869.JPEG" srcset="/data/Photos/450x450w/6656/665662/665662869.JPEG 1x, /data/Photos/700x500w/6656/665662/665662869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665659/665659548.JPEG" srcset="/data/Photos/450x450w/6656/665659/665659548.JPEG 1x, /data/Photos/700x500w/6656/665659/665659548.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665659/665659626.JPEG" srcset="/data/Photos/450x450w/6656/665659/665659626.JPEG 1x, /data/Photos/700x500w/6656/665659/665659626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665660/665660358.JPEG" srcset="/data/Photos/450x450w/6656/665660/665660358.JPEG 1x, /data/Photos/700x500w/6656/665660/665660358.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6656/665660/665660499.JPEG" srcset="/data/Photos/450x450w/6656/665660/665660499.JPEG 1x, /data/Photos/700x500w/6656/665660/665660499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Yellow Hotel Saint Petersburg" data-hbs-name="Yellow Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://yellow-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly95ZWxsb3ctaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Yellow Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2613225" data-hbs-latitude="59.97012" data-hbs-longitude="30.30937" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3MTYvMTA3MTYwNC8xMDcxNjA0NzY1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10716/1071604/1071604765.JPEG" srcset="/data/Photos/450x450w/10716/1071604/1071604765.JPEG 1x, /data/Photos/700x500w/10716/1071604/1071604765.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10838/1083854/1083854338.JPEG" srcset="/data/Photos/450x450w/10838/1083854/1083854338.JPEG 1x, /data/Photos/700x500w/10838/1083854/1083854338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10838/1083854/1083854356.JPEG" srcset="/data/Photos/450x450w/10838/1083854/1083854356.JPEG 1x, /data/Photos/700x500w/10838/1083854/1083854356.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10838/1083859/1083859627.JPEG" srcset="/data/Photos/450x450w/10838/1083859/1083859627.JPEG 1x, /data/Photos/700x500w/10838/1083859/1083859627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10838/1083859/1083859666.JPEG" srcset="/data/Photos/450x450w/10838/1083859/1083859666.JPEG 1x, /data/Photos/700x500w/10838/1083859/1083859666.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10838/1083859/1083859675.JPEG" srcset="/data/Photos/450x450w/10838/1083859/1083859675.JPEG 1x, /data/Photos/700x500w/10838/1083859/1083859675.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Simple Bon Voyage Hotel Saint Petersburg" data-hbs-name="Simple Bon Voyage Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://bon-voyage-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ib24tdm95YWdlLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Simple Bon Voyage Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3835011" data-hbs-latitude="59.92497" data-hbs-longitude="30.31359" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA0MDUvMTA0MDU3MS8xMDQwNTcxNDcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10405/1040571/1040571472.JPEG" srcset="/data/Photos/450x450w/10405/1040571/1040571472.JPEG 1x, /data/Photos/700x500w/10405/1040571/1040571472.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11832/1183256/1183256935.JPEG" srcset="/data/Photos/450x450w/11832/1183256/1183256935.JPEG 1x, /data/Photos/700x500w/11832/1183256/1183256935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10405/1040575/1040575747.JPEG" srcset="/data/Photos/450x450w/10405/1040575/1040575747.JPEG 1x, /data/Photos/700x500w/10405/1040575/1040575747.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10002/1000227/1000227933.JPEG" srcset="/data/Photos/450x450w/10002/1000227/1000227933.JPEG 1x, /data/Photos/700x500w/10002/1000227/1000227933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9133/913374/913374637.JPEG" srcset="/data/Photos/450x450w/9133/913374/913374637.JPEG 1x, /data/Photos/700x500w/9133/913374/913374637.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7504/750482/750482099.JPEG" srcset="/data/Photos/450x450w/7504/750482/750482099.JPEG 1x, /data/Photos/700x500w/7504/750482/750482099.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kommunalka Hotel Saint Petersburg" data-hbs-name="Kommunalka Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://kommunalka.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9rb21tdW5hbGthLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Kommunalka Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3932427" data-hbs-latitude="59.98649" data-hbs-longitude="30.29771" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTIzOS85MjM5MDgvOTIzOTA4MjIyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9239/923908/923908222.JPEG" srcset="/data/Photos/450x450w/9239/923908/923908222.JPEG 1x, /data/Photos/700x500w/9239/923908/923908222.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6405/640528/640528335.JPEG" srcset="/data/Photos/450x450w/6405/640528/640528335.JPEG 1x, /data/Photos/700x500w/6405/640528/640528335.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6406/640647/640647876.JPEG" srcset="/data/Photos/450x450w/6406/640647/640647876.JPEG 1x, /data/Photos/700x500w/6406/640647/640647876.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9239/923907/923907739.JPEG" srcset="/data/Photos/450x450w/9239/923907/923907739.JPEG 1x, /data/Photos/700x500w/9239/923907/923907739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9239/923907/923907868.JPEG" srcset="/data/Photos/450x450w/9239/923907/923907868.JPEG 1x, /data/Photos/700x500w/9239/923907/923907868.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9239/923907/923907934.JPEG" srcset="/data/Photos/450x450w/9239/923907/923907934.JPEG 1x, /data/Photos/700x500w/9239/923907/923907934.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="My Hostel Saint Petersburg" data-hbs-name="My Hostel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://my-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9teS1ob3N0ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> My Hostel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3937902" data-hbs-latitude="59.93903" data-hbs-longitude="30.32721" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjQ2Mi82NDYyMTcvNjQ2MjE3NDIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6462/646217/646217421.JPEG" srcset="/data/Photos/450x450w/6462/646217/646217421.JPEG 1x, /data/Photos/700x500w/6462/646217/646217421.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11618/1161851/1161851454.JPEG" srcset="/data/Photos/450x450w/11618/1161851/1161851454.JPEG 1x, /data/Photos/700x500w/11618/1161851/1161851454.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11618/1161854/1161854235.JPEG" srcset="/data/Photos/450x450w/11618/1161854/1161854235.JPEG 1x, /data/Photos/700x500w/11618/1161854/1161854235.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11618/1161851/1161851562.JPEG" srcset="/data/Photos/450x450w/11618/1161851/1161851562.JPEG 1x, /data/Photos/700x500w/11618/1161851/1161851562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11618/1161852/1161852945.JPEG" srcset="/data/Photos/450x450w/11618/1161852/1161852945.JPEG 1x, /data/Photos/700x500w/11618/1161852/1161852945.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11618/1161855/1161855063.JPEG" srcset="/data/Photos/450x450w/11618/1161855/1161855063.JPEG 1x, /data/Photos/700x500w/11618/1161855/1161855063.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ipkv House Hotel Saint Petersburg" data-hbs-name="Ipkv House Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://ipkv-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9pcGt2LWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Ipkv House Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4324443" data-hbs-latitude="59.93741" data-hbs-longitude="30.36315" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODMwNC84MzA0ODQvODMwNDg0Mzk4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8304/830484/830484398.JPEG" srcset="/data/Photos/450x450w/8304/830484/830484398.JPEG 1x, /data/Photos/700x500w/8304/830484/830484398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11863/1186326/1186326820.JPEG" srcset="/data/Photos/450x450w/11863/1186326/1186326820.JPEG 1x, /data/Photos/700x500w/11863/1186326/1186326820.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8304/830484/830484377.JPEG" srcset="/data/Photos/450x450w/8304/830484/830484377.JPEG 1x, /data/Photos/700x500w/8304/830484/830484377.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6624/662447/662447034.JPEG" srcset="/data/Photos/450x450w/6624/662447/662447034.JPEG 1x, /data/Photos/700x500w/6624/662447/662447034.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6624/662446/662446749.JPEG" srcset="/data/Photos/450x450w/6624/662446/662446749.JPEG 1x, /data/Photos/700x500w/6624/662446/662446749.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6624/662447/662447016.JPEG" srcset="/data/Photos/450x450w/6624/662447/662447016.JPEG 1x, /data/Photos/700x500w/6624/662447/662447016.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mini Hotel Kovensky Saint Petersburg" data-hbs-name="Mini Hotel Kovensky Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://mini-hotel-kovensky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9taW5pLWhvdGVsLWtvdmVuc2t5LmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Mini Hotel Kovensky Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="6684069" data-hbs-latitude="59.92299" data-hbs-longitude="30.34293" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2MzUvMTE2MzUzMy8xMTYzNTMzMzk4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11635/1163533/1163533398.JPEG" srcset="/data/Photos/450x450w/11635/1163533/1163533398.JPEG 1x, /data/Photos/700x500w/11635/1163533/1163533398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8945/894528/894528595.JPEG" srcset="/data/Photos/450x450w/8945/894528/894528595.JPEG 1x, /data/Photos/700x500w/8945/894528/894528595.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11635/1163534/1163534166.JPEG" srcset="/data/Photos/450x450w/11635/1163534/1163534166.JPEG 1x, /data/Photos/700x500w/11635/1163534/1163534166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11606/1160646/1160646447.JPEG" srcset="/data/Photos/450x450w/11606/1160646/1160646447.JPEG 1x, /data/Photos/700x500w/11606/1160646/1160646447.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11635/1163531/1163531691.JPEG" srcset="/data/Photos/450x450w/11635/1163531/1163531691.JPEG 1x, /data/Photos/700x500w/11635/1163531/1163531691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8945/894520/894520183.JPEG" srcset="/data/Photos/450x450w/8945/894520/894520183.JPEG 1x, /data/Photos/700x500w/8945/894520/894520183.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel 1703 Saint Petersburg" data-hbs-name="Hostel 1703 Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hostel-1703.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtMTcwMy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Hostel 1703 Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Popular places to stay in Saint Petersburg </h3> <p class="main-hotels__text section__subtitle"> Choose a proven option from our list of the most booked properties </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="164742" data-hbs-latitude="59.934116" data-hbs-longitude="30.312937" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzkvMTAzNzk2My8xMDM3OTYzNTQ4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10379/1037963/1037963548.JPEG" srcset="/data/Photos/450x450w/10379/1037963/1037963548.JPEG 1x, /data/Photos/700x500w/10379/1037963/1037963548.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10152/1015254/1015254736.JPEG" srcset="/data/Photos/450x450w/10152/1015254/1015254736.JPEG 1x, /data/Photos/700x500w/10152/1015254/1015254736.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10152/1015255/1015255954.JPEG" srcset="/data/Photos/450x450w/10152/1015255/1015255954.JPEG 1x, /data/Photos/700x500w/10152/1015255/1015255954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10152/1015258/1015258336.JPEG" srcset="/data/Photos/450x450w/10152/1015258/1015258336.JPEG 1x, /data/Photos/700x500w/10152/1015258/1015258336.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10152/1015259/1015259323.JPEG" srcset="/data/Photos/450x450w/10152/1015259/1015259323.JPEG 1x, /data/Photos/700x500w/10152/1015259/1015259323.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10198/1019812/1019812594.JPEG" srcset="/data/Photos/450x450w/10198/1019812/1019812594.JPEG 1x, /data/Photos/700x500w/10198/1019812/1019812594.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Comfort Hotel Saint Petersburg" data-hbs-name="Comfort Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://comfort-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jb21mb3J0LWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Comfort Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="181878" data-hbs-latitude="59.93353" data-hbs-longitude="30.32261" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4NDcvMTE4NDcxMi8xMTg0NzEyNDMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11847/1184712/1184712431.JPEG" srcset="/data/Photos/450x450w/11847/1184712/1184712431.JPEG 1x, /data/Photos/700x500w/11847/1184712/1184712431.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10290/1029045/1029045691.JPEG" srcset="/data/Photos/450x450w/10290/1029045/1029045691.JPEG 1x, /data/Photos/700x500w/10290/1029045/1029045691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10290/1029045/1029045358.JPEG" srcset="/data/Photos/450x450w/10290/1029045/1029045358.JPEG 1x, /data/Photos/700x500w/10290/1029045/1029045358.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10290/1029045/1029045436.JPEG" srcset="/data/Photos/450x450w/10290/1029045/1029045436.JPEG 1x, /data/Photos/700x500w/10290/1029045/1029045436.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10290/1029045/1029045238.JPEG" srcset="/data/Photos/450x450w/10290/1029045/1029045238.JPEG 1x, /data/Photos/700x500w/10290/1029045/1029045238.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10290/1029045/1029045616.JPEG" srcset="/data/Photos/450x450w/10290/1029045/1029045616.JPEG 1x, /data/Photos/700x500w/10290/1029045/1029045616.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Art-Hotel Rachmaninov Saint Petersburg" data-hbs-name="Art-Hotel Rachmaninov Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://rachmaninov.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yYWNobWFuaW5vdi5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Art-Hotel Rachmaninov Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="187159" data-hbs-latitude="59.93713" data-hbs-longitude="30.37365" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyODcvMTAyODczMC8xMDI4NzMwNjEzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10287/1028730/1028730613.JPEG" srcset="/data/Photos/450x450w/10287/1028730/1028730613.JPEG 1x, /data/Photos/700x500w/10287/1028730/1028730613.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11736/1173682/1173682197.JPEG" srcset="/data/Photos/450x450w/11736/1173682/1173682197.JPEG 1x, /data/Photos/700x500w/11736/1173682/1173682197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11650/1165060/1165060986.JPEG" srcset="/data/Photos/450x450w/11650/1165060/1165060986.JPEG 1x, /data/Photos/700x500w/11650/1165060/1165060986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10849/1084919/1084919662.JPEG" srcset="/data/Photos/450x450w/10849/1084919/1084919662.JPEG 1x, /data/Photos/700x500w/10849/1084919/1084919662.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10874/1087448/1087448983.JPEG" srcset="/data/Photos/450x450w/10874/1087448/1087448983.JPEG 1x, /data/Photos/700x500w/10874/1087448/1087448983.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10662/1066237/1066237612.JPEG" srcset="/data/Photos/450x450w/10662/1066237/1066237612.JPEG 1x, /data/Photos/700x500w/10662/1066237/1066237612.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Vera Saint Petersburg" data-hbs-name="Hotel Vera Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-vera.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC12ZXJhLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Hotel Vera Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.4 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="346065" data-hbs-latitude="59.86023" data-hbs-longitude="29.99247" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjgzNC8yODM0ODgvMjgzNDg4NzY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2834/283488/283488769.JPEG" srcset="/data/Photos/450x450w/2834/283488/283488769.JPEG 1x, /data/Photos/700x500w/2834/283488/283488769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11068/1106885/1106885295.JPEG" srcset="/data/Photos/450x450w/11068/1106885/1106885295.JPEG 1x, /data/Photos/700x500w/11068/1106885/1106885295.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9897/989787/989787103.JPEG" srcset="/data/Photos/450x450w/9897/989787/989787103.JPEG 1x, /data/Photos/700x500w/9897/989787/989787103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9897/989787/989787343.JPEG" srcset="/data/Photos/450x450w/9897/989787/989787343.JPEG 1x, /data/Photos/700x500w/9897/989787/989787343.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9857/985701/985701358.JPEG" srcset="/data/Photos/450x450w/9857/985701/985701358.JPEG 1x, /data/Photos/700x500w/9857/985701/985701358.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9857/985701/985701373.JPEG" srcset="/data/Photos/450x450w/9857/985701/985701373.JPEG 1x, /data/Photos/700x500w/9857/985701/985701373.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Peterhof Spa Hotel Saint Petersburg" data-hbs-name="Grand Peterhof Spa Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://grand-peterhof-spa-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1wZXRlcmhvZi1zcGEtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Grand Peterhof Spa Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 20.1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="357264" data-hbs-latitude="59.93129" data-hbs-longitude="30.34749" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1OTkvMTE1OTkyMy8xMTU5OTIzOTI0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11599/1159923/1159923924.JPEG" srcset="/data/Photos/450x450w/11599/1159923/1159923924.JPEG 1x, /data/Photos/700x500w/11599/1159923/1159923924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11536/1153653/1153653873.JPEG" srcset="/data/Photos/450x450w/11536/1153653/1153653873.JPEG 1x, /data/Photos/700x500w/11536/1153653/1153653873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11549/1154924/1154924286.JPEG" srcset="/data/Photos/450x450w/11549/1154924/1154924286.JPEG 1x, /data/Photos/700x500w/11549/1154924/1154924286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11549/1154924/1154924913.JPEG" srcset="/data/Photos/450x450w/11549/1154924/1154924913.JPEG 1x, /data/Photos/700x500w/11549/1154924/1154924913.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11549/1154930/1154930181.JPEG" srcset="/data/Photos/450x450w/11549/1154930/1154930181.JPEG 1x, /data/Photos/700x500w/11549/1154930/1154930181.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11562/1156233/1156233225.JPEG" srcset="/data/Photos/450x450w/11562/1156233/1156233225.JPEG 1x, /data/Photos/700x500w/11562/1156233/1156233225.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aston Hotel Saint Petersburg" data-hbs-name="Aston Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://aston.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hc3Rvbi5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Aston Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="390849" data-hbs-latitude="59.92967" data-hbs-longitude="30.35462" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjgyNC82ODI0NzQvNjgyNDc0NTEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6824/682474/682474512.JPEG" srcset="/data/Photos/450x450w/6824/682474/682474512.JPEG 1x, /data/Photos/700x500w/6824/682474/682474512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10223/1022392/1022392996.JPEG" srcset="/data/Photos/450x450w/10223/1022392/1022392996.JPEG 1x, /data/Photos/700x500w/10223/1022392/1022392996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10032/1003289/1003289880.JPEG" srcset="/data/Photos/450x450w/10032/1003289/1003289880.JPEG 1x, /data/Photos/700x500w/10032/1003289/1003289880.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9599/959993/959993551.JPEG" srcset="/data/Photos/450x450w/9599/959993/959993551.JPEG 1x, /data/Photos/700x500w/9599/959993/959993551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7991/799160/799160217.JPEG" srcset="/data/Photos/450x450w/7991/799160/799160217.JPEG 1x, /data/Photos/700x500w/7991/799160/799160217.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7991/799160/799160454.JPEG" srcset="/data/Photos/450x450w/7991/799160/799160454.JPEG 1x, /data/Photos/700x500w/7991/799160/799160454.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Martin Hotel Saint Petersburg" data-hbs-name="Martin Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://martin.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tYXJ0aW4uaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Martin Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 100 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="437114" data-hbs-latitude="59.96008" data-hbs-longitude="30.30296" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyODYvMTAyODY1OC8xMDI4NjU4NTcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10286/1028658/1028658571.JPEG" srcset="/data/Photos/450x450w/10286/1028658/1028658571.JPEG 1x, /data/Photos/700x500w/10286/1028658/1028658571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9702/970289/970289206.JPEG" srcset="/data/Photos/450x450w/9702/970289/970289206.JPEG 1x, /data/Photos/700x500w/9702/970289/970289206.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11161/1116191/1116191412.JPEG" srcset="/data/Photos/450x450w/11161/1116191/1116191412.JPEG 1x, /data/Photos/700x500w/11161/1116191/1116191412.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10099/1009964/1009964407.JPEG" srcset="/data/Photos/450x450w/10099/1009964/1009964407.JPEG 1x, /data/Photos/700x500w/10099/1009964/1009964407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9702/970288/970288138.JPEG" srcset="/data/Photos/450x450w/9702/970288/970288138.JPEG 1x, /data/Photos/700x500w/9702/970288/970288138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9702/970288/970288282.JPEG" srcset="/data/Photos/450x450w/9702/970288/970288282.JPEG 1x, /data/Photos/700x500w/9702/970288/970288282.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Vedensky Hotel Saint Petersburg" data-hbs-name="Vedensky Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://vedensky-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly92ZWRlbnNreS1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Vedensky Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="572995" data-hbs-latitude="59.94259" data-hbs-longitude="30.37969" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTQ2OS81NDY5OTEvNTQ2OTkxOTA1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5469/546991/546991905.JPEG" srcset="/data/Photos/450x450w/5469/546991/546991905.JPEG 1x, /data/Photos/700x500w/5469/546991/546991905.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5469/546992/546992337.JPEG" srcset="/data/Photos/450x450w/5469/546992/546992337.JPEG 1x, /data/Photos/700x500w/5469/546992/546992337.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4173/417393/417393303.JPEG" srcset="/data/Photos/450x450w/4173/417393/417393303.JPEG 1x, /data/Photos/700x500w/4173/417393/417393303.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5469/546992/546992277.JPEG" srcset="/data/Photos/450x450w/5469/546992/546992277.JPEG 1x, /data/Photos/700x500w/5469/546992/546992277.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/499/49915/49915143.JPEG" srcset="/data/Photos/450x450w/499/49915/49915143.JPEG 1x, /data/Photos/700x500w/499/49915/49915143.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/499/49915/49915146.JPEG" srcset="/data/Photos/450x450w/499/49915/49915146.JPEG 1x, /data/Photos/700x500w/499/49915/49915146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="4 Storony Sveta Hotel" data-hbs-name="4 Storony Sveta Hotel"> <a class="hotels-by-stars__title-link" href="https://4-storony-sveta-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly80LXN0b3Jvbnktc3ZldGEtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> 4 Storony Sveta Hotel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.6 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="718208" data-hbs-latitude="59.93534" data-hbs-longitude="30.36053" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTY3My85NjczNjkvOTY3MzY5MTE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9673/967369/967369114.JPEG" srcset="/data/Photos/450x450w/9673/967369/967369114.JPEG 1x, /data/Photos/700x500w/9673/967369/967369114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11668/1166812/1166812998.JPEG" srcset="/data/Photos/450x450w/11668/1166812/1166812998.JPEG 1x, /data/Photos/700x500w/11668/1166812/1166812998.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11676/1167603/1167603439.JPEG" srcset="/data/Photos/450x450w/11676/1167603/1167603439.JPEG 1x, /data/Photos/700x500w/11676/1167603/1167603439.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11505/1150538/1150538764.JPEG" srcset="/data/Photos/450x450w/11505/1150538/1150538764.JPEG 1x, /data/Photos/700x500w/11505/1150538/1150538764.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10123/1012320/1012320076.JPEG" srcset="/data/Photos/450x450w/10123/1012320/1012320076.JPEG 1x, /data/Photos/700x500w/10123/1012320/1012320076.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10109/1010984/1010984473.JPEG" srcset="/data/Photos/450x450w/10109/1010984/1010984473.JPEG 1x, /data/Photos/700x500w/10109/1010984/1010984473.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Akyan St.Petersburg Hotel Saint Petersburg" data-hbs-name="Akyan St.Petersburg Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://akyan-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ha3lhbi1zYWludC1wZXRlcnNidXJnLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Akyan St.Petersburg Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="801735" data-hbs-latitude="59.93185" data-hbs-longitude="30.35268" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3OS8xMjc5MzUvMTI3OTM1MDk5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1279/127935/127935099.JPEG" srcset="/data/Photos/450x450w/1279/127935/127935099.JPEG 1x, /data/Photos/700x500w/1279/127935/127935099.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10274/1027476/1027476313.JPEG" srcset="/data/Photos/450x450w/10274/1027476/1027476313.JPEG 1x, /data/Photos/700x500w/10274/1027476/1027476313.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10274/1027476/1027476322.JPEG" srcset="/data/Photos/450x450w/10274/1027476/1027476322.JPEG 1x, /data/Photos/700x500w/10274/1027476/1027476322.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10288/1028838/1028838346.JPEG" srcset="/data/Photos/450x450w/10288/1028838/1028838346.JPEG 1x, /data/Photos/700x500w/10288/1028838/1028838346.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10288/1028839/1028839339.JPEG" srcset="/data/Photos/450x450w/10288/1028839/1028839339.JPEG 1x, /data/Photos/700x500w/10288/1028839/1028839339.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10288/1028841/1028841838.JPEG" srcset="/data/Photos/450x450w/10288/1028841/1028841838.JPEG 1x, /data/Photos/700x500w/10288/1028841/1028841838.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Peter The Great Apartments On Nevsky Saint Petersburg" data-hbs-name="Peter The Great Apartments On Nevsky Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://peter-the-great-apartments-on-nevsky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wZXRlci10aGUtZ3JlYXQtYXBhcnRtZW50cy1vbi1uZXZza3kuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Peter The Great Apartments On Nevsky Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1013683" data-hbs-latitude="59.98608" data-hbs-longitude="30.19612" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjAzMi8yMDMyODMvMjAzMjgzMDQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2032/203283/203283046.JPEG" srcset="/data/Photos/450x450w/2032/203283/203283046.JPEG 1x, /data/Photos/700x500w/2032/203283/203283046.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2545/254522/254522249.JPEG" srcset="/data/Photos/450x450w/2545/254522/254522249.JPEG 1x, /data/Photos/700x500w/2545/254522/254522249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2545/254522/254522389.JPEG" srcset="/data/Photos/450x450w/2545/254522/254522389.JPEG 1x, /data/Photos/700x500w/2545/254522/254522389.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2032/203282/203282995.JPEG" srcset="/data/Photos/450x450w/2032/203282/203282995.JPEG 1x, /data/Photos/700x500w/2032/203282/203282995.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2032/203282/203282998.JPEG" srcset="/data/Photos/450x450w/2032/203282/203282998.JPEG 1x, /data/Photos/700x500w/2032/203282/203282998.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2032/203283/203283016.JPEG" srcset="/data/Photos/450x450w/2032/203283/203283016.JPEG 1x, /data/Photos/700x500w/2032/203283/203283016.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Luxury Apartments Saint Petersburg" data-hbs-name="Luxury Apartments Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://luxury-apartments.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9sdXh1cnktYXBhcnRtZW50cy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Luxury Apartments Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1107767" data-hbs-latitude="59.9430360665624" data-hbs-longitude="30.3599334152748" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2NjAvMTE2NjAzMC8xMTY2MDMwMDU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166030/1166030055.JPEG" srcset="/data/Photos/450x450w/11660/1166030/1166030055.JPEG 1x, /data/Photos/700x500w/11660/1166030/1166030055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7992/799273/799273986.JPEG" srcset="/data/Photos/450x450w/7992/799273/799273986.JPEG 1x, /data/Photos/700x500w/7992/799273/799273986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11741/1174195/1174195893.JPEG" srcset="/data/Photos/450x450w/11741/1174195/1174195893.JPEG 1x, /data/Photos/700x500w/11741/1174195/1174195893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10836/1083692/1083692485.JPEG" srcset="/data/Photos/450x450w/10836/1083692/1083692485.JPEG 1x, /data/Photos/700x500w/10836/1083692/1083692485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10836/1083696/1083696829.JPEG" srcset="/data/Photos/450x450w/10836/1083696/1083696829.JPEG 1x, /data/Photos/700x500w/10836/1083696/1083696829.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10781/1078153/1078153216.JPEG" srcset="/data/Photos/450x450w/10781/1078153/1078153216.JPEG 1x, /data/Photos/700x500w/10781/1078153/1078153216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Artapart.Art Hotel Saint Petersburg" data-hbs-name="Artapart.Art Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-artapart.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hcnRhcGFydC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Artapart.Art Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1108682" data-hbs-latitude="59.93602" data-hbs-longitude="30.33822" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTg1MS85ODUxMzEvOTg1MTMxNDYzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9851/985131/985131463.JPEG" srcset="/data/Photos/450x450w/9851/985131/985131463.JPEG 1x, /data/Photos/700x500w/9851/985131/985131463.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11129/1112925/1112925003.JPEG" srcset="/data/Photos/450x450w/11129/1112925/1112925003.JPEG 1x, /data/Photos/700x500w/11129/1112925/1112925003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11129/1112939/1112939823.JPEG" srcset="/data/Photos/450x450w/11129/1112939/1112939823.JPEG 1x, /data/Photos/700x500w/11129/1112939/1112939823.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11129/1112928/1112928177.JPEG" srcset="/data/Photos/450x450w/11129/1112928/1112928177.JPEG 1x, /data/Photos/700x500w/11129/1112928/1112928177.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9851/985132/985132060.JPEG" srcset="/data/Photos/450x450w/9851/985132/985132060.JPEG 1x, /data/Photos/700x500w/9851/985132/985132060.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9858/985820/985820551.JPEG" srcset="/data/Photos/450x450w/9858/985820/985820551.JPEG 1x, /data/Photos/700x500w/9858/985820/985820551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Meridian Hotel Saint Petersburg" data-hbs-name="Meridian Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://meridian-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tZXJpZGlhbi1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Meridian Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1108758" data-hbs-latitude="59.92704" data-hbs-longitude="30.30902" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE5OS80MTk5OTIvNDE5OTkyODk5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4199/419992/419992899.JPEG" srcset="/data/Photos/450x450w/4199/419992/419992899.JPEG 1x, /data/Photos/700x500w/4199/419992/419992899.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3993/399362/399362697.JPEG" srcset="/data/Photos/450x450w/3993/399362/399362697.JPEG 1x, /data/Photos/700x500w/3993/399362/399362697.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9177/917707/917707921.JPEG" srcset="/data/Photos/450x450w/9177/917707/917707921.JPEG 1x, /data/Photos/700x500w/9177/917707/917707921.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9177/917708/917708956.JPEG" srcset="/data/Photos/450x450w/9177/917708/917708956.JPEG 1x, /data/Photos/700x500w/9177/917708/917708956.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9177/917703/917703058.JPEG" srcset="/data/Photos/450x450w/9177/917703/917703058.JPEG 1x, /data/Photos/700x500w/9177/917703/917703058.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9177/917703/917703004.JPEG" srcset="/data/Photos/450x450w/9177/917703/917703004.JPEG 1x, /data/Photos/700x500w/9177/917703/917703004.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Chao Mama Apartment Saint Petersburg" data-hbs-name="Chao Mama Apartment Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://club-chao-mama-hostel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jbHViLWNoYW8tbWFtYS1ob3N0ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Chao Mama Apartment Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1704251" data-hbs-latitude="59.93802" data-hbs-longitude="30.30597" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTI1OS81MjU5NzMvNTI1OTczNDQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5259/525973/525973449.JPEG" srcset="/data/Photos/450x450w/5259/525973/525973449.JPEG 1x, /data/Photos/700x500w/5259/525973/525973449.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6964/696482/696482460.JPEG" srcset="/data/Photos/450x450w/6964/696482/696482460.JPEG 1x, /data/Photos/700x500w/6964/696482/696482460.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5259/525995/525995643.JPEG" srcset="/data/Photos/450x450w/5259/525995/525995643.JPEG 1x, /data/Photos/700x500w/5259/525995/525995643.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5259/525973/525973479.JPEG" srcset="/data/Photos/450x450w/5259/525973/525973479.JPEG 1x, /data/Photos/700x500w/5259/525973/525973479.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5259/525974/525974889.JPEG" srcset="/data/Photos/450x450w/5259/525974/525974889.JPEG 1x, /data/Photos/700x500w/5259/525974/525974889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5259/525996/525996057.JPEG" srcset="/data/Photos/450x450w/5259/525996/525996057.JPEG 1x, /data/Photos/700x500w/5259/525996/525996057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The Bridge Hotel Saint Petersburg" data-hbs-name="The Bridge Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://the-bridge.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly90aGUtYnJpZGdlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> The Bridge Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1805465" data-hbs-latitude="59.93527" data-hbs-longitude="30.31108" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTI2Ni85MjY2MTgvOTI2NjE4MzU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9266/926618/926618359.JPEG" srcset="/data/Photos/450x450w/9266/926618/926618359.JPEG 1x, /data/Photos/700x500w/9266/926618/926618359.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972798/972798511.JPEG" srcset="/data/Photos/450x450w/9727/972798/972798511.JPEG 1x, /data/Photos/700x500w/9727/972798/972798511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972798/972798691.JPEG" srcset="/data/Photos/450x450w/9727/972798/972798691.JPEG 1x, /data/Photos/700x500w/9727/972798/972798691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9266/926617/926617816.JPEG" srcset="/data/Photos/450x450w/9266/926617/926617816.JPEG 1x, /data/Photos/700x500w/9266/926617/926617816.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9266/926618/926618350.JPEG" srcset="/data/Photos/450x450w/9266/926618/926618350.JPEG 1x, /data/Photos/700x500w/9266/926618/926618350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9266/926618/926618365.JPEG" srcset="/data/Photos/450x450w/9266/926618/926618365.JPEG 1x, /data/Photos/700x500w/9266/926618/926618365.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aparthotel Malaya Morskaya 15 Saint Petersburg" data-hbs-name="Aparthotel Malaya Morskaya 15 Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://aparthotel-malaya-morskaya-15.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hcGFydGhvdGVsLW1hbGF5YS1tb3Jza2F5YS0xNS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Aparthotel Malaya Morskaya 15 Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1818675" data-hbs-latitude="59.91495" data-hbs-longitude="30.5045" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA1My84MDUzMDkvODA1MzA5NDQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805309/805309446.JPEG" srcset="/data/Photos/450x450w/8053/805309/805309446.JPEG 1x, /data/Photos/700x500w/8053/805309/805309446.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805305/805305462.JPEG" srcset="/data/Photos/450x450w/8053/805305/805305462.JPEG 1x, /data/Photos/700x500w/8053/805305/805305462.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805305/805305864.JPEG" srcset="/data/Photos/450x450w/8053/805305/805305864.JPEG 1x, /data/Photos/700x500w/8053/805305/805305864.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805306/805306485.JPEG" srcset="/data/Photos/450x450w/8053/805306/805306485.JPEG 1x, /data/Photos/700x500w/8053/805306/805306485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805308/805308075.JPEG" srcset="/data/Photos/450x450w/8053/805308/805308075.JPEG 1x, /data/Photos/700x500w/8053/805308/805308075.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8053/805308/805308741.JPEG" srcset="/data/Photos/450x450w/8053/805308/805308741.JPEG 1x, /data/Photos/700x500w/8053/805308/805308741.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Apartment In New Okkervil Saint Petersburg" data-hbs-name="Apartment In New Okkervil Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://apartment-in-new-okkervil.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hcGFydG1lbnQtaW4tbmV3LW9ra2VydmlsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Apartment In New Okkervil Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2923002" data-hbs-latitude="59.92945" data-hbs-longitude="30.35962" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODYzOC84NjM4OTAvODYzODkwMzUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8638/863890/863890352.JPEG" srcset="/data/Photos/450x450w/8638/863890/863890352.JPEG 1x, /data/Photos/700x500w/8638/863890/863890352.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932296/932296585.JPEG" srcset="/data/Photos/450x450w/9322/932296/932296585.JPEG 1x, /data/Photos/700x500w/9322/932296/932296585.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932294/932294311.JPEG" srcset="/data/Photos/450x450w/9322/932294/932294311.JPEG 1x, /data/Photos/700x500w/9322/932294/932294311.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932294/932294338.JPEG" srcset="/data/Photos/450x450w/9322/932294/932294338.JPEG 1x, /data/Photos/700x500w/9322/932294/932294338.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932294/932294404.JPEG" srcset="/data/Photos/450x450w/9322/932294/932294404.JPEG 1x, /data/Photos/700x500w/9322/932294/932294404.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9322/932294/932294773.JPEG" srcset="/data/Photos/450x450w/9322/932294/932294773.JPEG 1x, /data/Photos/700x500w/9322/932294/932294773.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Apart Ligovskiy 51 Apartment Saint Petersburg" data-hbs-name="Apart Ligovskiy 51 Apartment Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://comfitel-apart-ligovskiy-51.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jb21maXRlbC1hcGFydC1saWdvdnNraXktNTEuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Apart Ligovskiy 51 Apartment Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2954508" data-hbs-latitude="59.9319" data-hbs-longitude="30.35197" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3MjIvMTA3MjIzMy8xMDcyMjMzMjUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10722/1072233/1072233250.JPEG" srcset="/data/Photos/450x450w/10722/1072233/1072233250.JPEG 1x, /data/Photos/700x500w/10722/1072233/1072233250.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11705/1170524/1170524263.JPEG" srcset="/data/Photos/450x450w/11705/1170524/1170524263.JPEG 1x, /data/Photos/700x500w/11705/1170524/1170524263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11705/1170524/1170524827.JPEG" srcset="/data/Photos/450x450w/11705/1170524/1170524827.JPEG 1x, /data/Photos/700x500w/11705/1170524/1170524827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10829/1082983/1082983945.JPEG" srcset="/data/Photos/450x450w/10829/1082983/1082983945.JPEG 1x, /data/Photos/700x500w/10829/1082983/1082983945.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10751/1075109/1075109080.JPEG" srcset="/data/Photos/450x450w/10751/1075109/1075109080.JPEG 1x, /data/Photos/700x500w/10751/1075109/1075109080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8313/831377/831377090.JPEG" srcset="/data/Photos/450x450w/8313/831377/831377090.JPEG 1x, /data/Photos/700x500w/8313/831377/831377090.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kaleidoscope On Nevskiy Hotel Saint Petersburg" data-hbs-name="Kaleidoscope On Nevskiy Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://kaleidoscope-on-nevsky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9rYWxlaWRvc2NvcGUtb24tbmV2c2t5LmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Kaleidoscope On Nevskiy Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3217884" data-hbs-latitude="59.93445" data-hbs-longitude="30.32651" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2NjAvMTE2NjA0OS8xMTY2MDQ5NzExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11660/1166049/1166049711.JPEG" srcset="/data/Photos/450x450w/11660/1166049/1166049711.JPEG 1x, /data/Photos/700x500w/11660/1166049/1166049711.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11364/1136436/1136436883.JPEG" srcset="/data/Photos/450x450w/11364/1136436/1136436883.JPEG 1x, /data/Photos/700x500w/11364/1136436/1136436883.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11392/1139210/1139210929.JPEG" srcset="/data/Photos/450x450w/11392/1139210/1139210929.JPEG 1x, /data/Photos/700x500w/11392/1139210/1139210929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9308/930814/930814114.JPEG" srcset="/data/Photos/450x450w/9308/930814/930814114.JPEG 1x, /data/Photos/700x500w/9308/930814/930814114.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9795/979537/979537507.JPEG" srcset="/data/Photos/450x450w/9795/979537/979537507.JPEG 1x, /data/Photos/700x500w/9795/979537/979537507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9109/910970/910970821.JPEG" srcset="/data/Photos/450x450w/9109/910970/910970821.JPEG 1x, /data/Photos/700x500w/9109/910970/910970821.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Wynwood Hotel Saint Petersburg" data-hbs-name="Wynwood Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://wynwood.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly93eW53b29kLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Wynwood Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3220032" data-hbs-latitude="59.93647" data-hbs-longitude="30.31605" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA3NTIvMTA3NTI4Ni8xMDc1Mjg2NDU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10752/1075286/1075286455.JPEG" srcset="/data/Photos/450x450w/10752/1075286/1075286455.JPEG 1x, /data/Photos/700x500w/10752/1075286/1075286455.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10886/1088634/1088634496.JPEG" srcset="/data/Photos/450x450w/10886/1088634/1088634496.JPEG 1x, /data/Photos/700x500w/10886/1088634/1088634496.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10886/1088638/1088638216.JPEG" srcset="/data/Photos/450x450w/10886/1088638/1088638216.JPEG 1x, /data/Photos/700x500w/10886/1088638/1088638216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10886/1088639/1088639410.JPEG" srcset="/data/Photos/450x450w/10886/1088639/1088639410.JPEG 1x, /data/Photos/700x500w/10886/1088639/1088639410.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10886/1088641/1088641936.JPEG" srcset="/data/Photos/450x450w/10886/1088641/1088641936.JPEG 1x, /data/Photos/700x500w/10886/1088641/1088641936.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10752/1075280/1075280617.JPEG" srcset="/data/Photos/450x450w/10752/1075280/1075280617.JPEG 1x, /data/Photos/700x500w/10752/1075280/1075280617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sokroma Wow Hotel Saint Petersburg" data-hbs-name="Sokroma Wow Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://wow-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly93b3ctaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Sokroma Wow Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3303726" data-hbs-latitude="59.92778" data-hbs-longitude="30.33223" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA3Mi84MDcyMTkvODA3MjE5NzM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8072/807219/807219738.JPEG" srcset="/data/Photos/450x450w/8072/807219/807219738.JPEG 1x, /data/Photos/700x500w/8072/807219/807219738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5963/596355/596355558.JPEG" srcset="/data/Photos/450x450w/5963/596355/596355558.JPEG 1x, /data/Photos/700x500w/5963/596355/596355558.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5963/596355/596355582.JPEG" srcset="/data/Photos/450x450w/5963/596355/596355582.JPEG 1x, /data/Photos/700x500w/5963/596355/596355582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5963/596356/596356173.JPEG" srcset="/data/Photos/450x450w/5963/596356/596356173.JPEG 1x, /data/Photos/700x500w/5963/596356/596356173.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5963/596357/596357634.JPEG" srcset="/data/Photos/450x450w/5963/596357/596357634.JPEG 1x, /data/Photos/700x500w/5963/596357/596357634.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5963/596360/596360148.JPEG" srcset="/data/Photos/450x450w/5963/596360/596360148.JPEG 1x, /data/Photos/700x500w/5963/596360/596360148.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Friends Apart-Hotel Saint Petersburg" data-hbs-name="Friends Apart-Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://friends-apart-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9mcmllbmRzLWFwYXJ0LWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Friends Apart-Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3319245" data-hbs-latitude="59.94077" data-hbs-longitude="30.27751" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEyODIvMTEyODI1MC8xMTI4MjUwOTE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11282/1128250/1128250914.JPEG" srcset="/data/Photos/450x450w/11282/1128250/1128250914.JPEG 1x, /data/Photos/700x500w/11282/1128250/1128250914.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8939/893970/893970769.JPEG" srcset="/data/Photos/450x450w/8939/893970/893970769.JPEG 1x, /data/Photos/700x500w/8939/893970/893970769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10807/1080760/1080760657.JPEG" srcset="/data/Photos/450x450w/10807/1080760/1080760657.JPEG 1x, /data/Photos/700x500w/10807/1080760/1080760657.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10807/1080761/1080761905.JPEG" srcset="/data/Photos/450x450w/10807/1080761/1080761905.JPEG 1x, /data/Photos/700x500w/10807/1080761/1080761905.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10807/1080761/1080761911.JPEG" srcset="/data/Photos/450x450w/10807/1080761/1080761911.JPEG 1x, /data/Photos/700x500w/10807/1080761/1080761911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10847/1084729/1084729846.JPEG" srcset="/data/Photos/450x450w/10847/1084729/1084729846.JPEG 1x, /data/Photos/700x500w/10847/1084729/1084729846.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mark Hotel Saint Petersburg" data-hbs-name="Mark Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://mark-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9tYXJrLWhvdGVsLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Mark Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3324750" data-hbs-latitude="59.93319" data-hbs-longitude="30.26408" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODUxMi84NTEyMTkvODUxMjE5OTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8512/851219/851219933.JPEG" srcset="/data/Photos/450x450w/8512/851219/851219933.JPEG 1x, /data/Photos/700x500w/8512/851219/851219933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9134/913425/913425433.JPEG" srcset="/data/Photos/450x450w/9134/913425/913425433.JPEG 1x, /data/Photos/700x500w/9134/913425/913425433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9130/913076/913076983.JPEG" srcset="/data/Photos/450x450w/9130/913076/913076983.JPEG 1x, /data/Photos/700x500w/9130/913076/913076983.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9130/913077/913077016.JPEG" srcset="/data/Photos/450x450w/9130/913077/913077016.JPEG 1x, /data/Photos/700x500w/9130/913077/913077016.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9134/913425/913425079.JPEG" srcset="/data/Photos/450x450w/9134/913425/913425079.JPEG 1x, /data/Photos/700x500w/9134/913425/913425079.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9433/943347/943347379.JPEG" srcset="/data/Photos/450x450w/9433/943347/943347379.JPEG 1x, /data/Photos/700x500w/9433/943347/943347379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hostel Islander Saint Petersburg" data-hbs-name="Hostel Islander Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hostel-islander.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3N0ZWwtaXNsYW5kZXIuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Hostel Islander Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3834972" data-hbs-latitude="59.93433" data-hbs-longitude="30.36221" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjM2NS82MzY1MzAvNjM2NTMwODg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6365/636530/636530889.JPEG" srcset="/data/Photos/450x450w/6365/636530/636530889.JPEG 1x, /data/Photos/700x500w/6365/636530/636530889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10361/1036115/1036115962.JPEG" srcset="/data/Photos/450x450w/10361/1036115/1036115962.JPEG 1x, /data/Photos/700x500w/10361/1036115/1036115962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6365/636530/636530745.JPEG" srcset="/data/Photos/450x450w/6365/636530/636530745.JPEG 1x, /data/Photos/700x500w/6365/636530/636530745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6365/636530/636530847.JPEG" srcset="/data/Photos/450x450w/6365/636530/636530847.JPEG 1x, /data/Photos/700x500w/6365/636530/636530847.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6365/636530/636530919.JPEG" srcset="/data/Photos/450x450w/6365/636530/636530919.JPEG 1x, /data/Photos/700x500w/6365/636530/636530919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6365/636531/636531096.JPEG" srcset="/data/Photos/450x450w/6365/636531/636531096.JPEG 1x, /data/Photos/700x500w/6365/636531/636531096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="New Horizon On Gromovoy" data-hbs-name="New Horizon On Gromovoy"> <a class="hotels-by-stars__title-link" href="https://homely-apartments-on-gromovoy.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob21lbHktYXBhcnRtZW50cy1vbi1ncm9tb3ZveS5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> New Horizon On Gromovoy </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4413600" data-hbs-latitude="59.93106" data-hbs-longitude="30.36369" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzc1MC83NzUwNzkvNzc1MDc5MDM1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7750/775079/775079035.JPEG" srcset="/data/Photos/450x450w/7750/775079/775079035.JPEG 1x, /data/Photos/700x500w/7750/775079/775079035.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7750/775077/775077109.JPEG" srcset="/data/Photos/450x450w/7750/775077/775077109.JPEG 1x, /data/Photos/700x500w/7750/775077/775077109.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7750/775079/775079020.JPEG" srcset="/data/Photos/450x450w/7750/775079/775079020.JPEG 1x, /data/Photos/700x500w/7750/775079/775079020.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7687/768786/768786994.JPEG" srcset="/data/Photos/450x450w/7687/768786/768786994.JPEG 1x, /data/Photos/700x500w/7687/768786/768786994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7750/775078/775078819.JPEG" srcset="/data/Photos/450x450w/7750/775078/775078819.JPEG 1x, /data/Photos/700x500w/7750/775078/775078819.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7687/768785/768785785.JPEG" srcset="/data/Photos/450x450w/7687/768785/768785785.JPEG 1x, /data/Photos/700x500w/7687/768785/768785785.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Lotman Boutique Hotel Saint Petersburg" data-hbs-name="Lotman Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://lotman-boutique-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9sb3RtYW4tYm91dGlxdWUtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Lotman Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4744303" data-hbs-latitude="59.92957" data-hbs-longitude="30.36565" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA2NTIvMTA2NTIzMC8xMDY1MjMwNzM0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10652/1065230/1065230734.JPEG" srcset="/data/Photos/450x450w/10652/1065230/1065230734.JPEG 1x, /data/Photos/700x500w/10652/1065230/1065230734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10236/1023673/1023673051.JPEG" srcset="/data/Photos/450x450w/10236/1023673/1023673051.JPEG 1x, /data/Photos/700x500w/10236/1023673/1023673051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10652/1065228/1065228604.JPEG" srcset="/data/Photos/450x450w/10652/1065228/1065228604.JPEG 1x, /data/Photos/700x500w/10652/1065228/1065228604.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10775/1077591/1077591244.JPEG" srcset="/data/Photos/450x450w/10775/1077591/1077591244.JPEG 1x, /data/Photos/700x500w/10775/1077591/1077591244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9323/932380/932380522.JPEG" srcset="/data/Photos/450x450w/9323/932380/932380522.JPEG 1x, /data/Photos/700x500w/9323/932380/932380522.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9323/932381/932381434.JPEG" srcset="/data/Photos/450x450w/9323/932381/932381434.JPEG 1x, /data/Photos/700x500w/9323/932381/932381434.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Fabrika Saint Petersburg" data-hbs-name="Hotel Fabrika Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hotel-saint-petersburg-191036-18.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1zYWludC1wZXRlcnNidXJnLTE5MTAzNi0xOC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Hotel Fabrika Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5207599" data-hbs-latitude="59.94112" data-hbs-longitude="30.34883" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzU0NS83NTQ1MzkvNzU0NTM5OTA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7545/754539/754539904.JPEG" srcset="/data/Photos/450x450w/7545/754539/754539904.JPEG 1x, /data/Photos/700x500w/7545/754539/754539904.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7804/780460/780460944.JPEG" srcset="/data/Photos/450x450w/7804/780460/780460944.JPEG 1x, /data/Photos/700x500w/7804/780460/780460944.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7545/754539/754539688.JPEG" srcset="/data/Photos/450x450w/7545/754539/754539688.JPEG 1x, /data/Photos/700x500w/7545/754539/754539688.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7545/754539/754539730.JPEG" srcset="/data/Photos/450x450w/7545/754539/754539730.JPEG 1x, /data/Photos/700x500w/7545/754539/754539730.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7545/754539/754539889.JPEG" srcset="/data/Photos/450x450w/7545/754539/754539889.JPEG 1x, /data/Photos/700x500w/7545/754539/754539889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7545/754540/754540582.JPEG" srcset="/data/Photos/450x450w/7545/754540/754540582.JPEG 1x, /data/Photos/700x500w/7545/754540/754540582.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Baltic Boutique Hotel Saint Petersburg" data-hbs-name="Baltic Boutique Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://baltic-boutique-hotel-saint-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9iYWx0aWMtYm91dGlxdWUtaG90ZWwtc2FpbnQtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Baltic Boutique Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5235550" data-hbs-latitude="59.80291" data-hbs-longitude="30.26784" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzU2NS83NTY1MTYvNzU2NTE2NTA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7565/756516/756516508.JPEG" srcset="/data/Photos/450x450w/7565/756516/756516508.JPEG 1x, /data/Photos/700x500w/7565/756516/756516508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7567/756754/756754186.JPEG" srcset="/data/Photos/450x450w/7567/756754/756754186.JPEG 1x, /data/Photos/700x500w/7567/756754/756754186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7567/756755/756755350.JPEG" srcset="/data/Photos/450x450w/7567/756755/756755350.JPEG 1x, /data/Photos/700x500w/7567/756755/756755350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7603/760335/760335869.JPEG" srcset="/data/Photos/450x450w/7603/760335/760335869.JPEG 1x, /data/Photos/700x500w/7603/760335/760335869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7603/760335/760335887.JPEG" srcset="/data/Photos/450x450w/7603/760335/760335887.JPEG 1x, /data/Photos/700x500w/7603/760335/760335887.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7603/760335/760335980.JPEG" srcset="/data/Photos/450x450w/7603/760335/760335980.JPEG 1x, /data/Photos/700x500w/7603/760335/760335980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Aerosleep Capsule Hotel Pulkovo Airport Saint Petersburg" data-hbs-name="Aerosleep Capsule Hotel Pulkovo Airport Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://aerosleep-capsule-hotel-pulkovo-airport.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9hZXJvc2xlZXAtY2Fwc3VsZS1ob3RlbC1wdWxrb3ZvLWFpcnBvcnQuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Aerosleep Capsule Hotel Pulkovo Airport Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7864300" data-hbs-latitude="59.92712" data-hbs-longitude="30.34241" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODk1NC84OTU0NDUvODk1NDQ1NDEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8954/895445/895445410.JPEG" srcset="/data/Photos/450x450w/8954/895445/895445410.JPEG 1x, /data/Photos/700x500w/8954/895445/895445410.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8954/895445/895445425.JPEG" srcset="/data/Photos/450x450w/8954/895445/895445425.JPEG 1x, /data/Photos/700x500w/8954/895445/895445425.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8954/895445/895445452.JPEG" srcset="/data/Photos/450x450w/8954/895445/895445452.JPEG 1x, /data/Photos/700x500w/8954/895445/895445452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8954/895445/895445458.JPEG" srcset="/data/Photos/450x450w/8954/895445/895445458.JPEG 1x, /data/Photos/700x500w/8954/895445/895445458.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9008/900882/900882397.JPEG" srcset="/data/Photos/450x450w/9008/900882/900882397.JPEG 1x, /data/Photos/700x500w/9008/900882/900882397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9032/903202/903202036.JPEG" srcset="/data/Photos/450x450w/9032/903202/903202036.JPEG 1x, /data/Photos/700x500w/9032/903202/903202036.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Palitra Rooms Saint Petersburg" data-hbs-name="Palitra Rooms Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://palitra-guest-house.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9wYWxpdHJhLWd1ZXN0LWhvdXNlLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Palitra Rooms Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8565394" data-hbs-latitude="59.9141" data-hbs-longitude="30.29511" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTcyNy85NzI3MjIvOTcyNzIyMTI1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972722/972722125.JPEG" srcset="/data/Photos/450x450w/9727/972722/972722125.JPEG 1x, /data/Photos/700x500w/9727/972722/972722125.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972721/972721924.JPEG" srcset="/data/Photos/450x450w/9727/972721/972721924.JPEG 1x, /data/Photos/700x500w/9727/972721/972721924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972721/972721942.JPEG" srcset="/data/Photos/450x450w/9727/972721/972721942.JPEG 1x, /data/Photos/700x500w/9727/972721/972721942.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972722/972722062.JPEG" srcset="/data/Photos/450x450w/9727/972722/972722062.JPEG 1x, /data/Photos/700x500w/9727/972722/972722062.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972722/972722140.JPEG" srcset="/data/Photos/450x450w/9727/972722/972722140.JPEG 1x, /data/Photos/700x500w/9727/972722/972722140.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9727/972722/972722176.JPEG" srcset="/data/Photos/450x450w/9727/972722/972722176.JPEG 1x, /data/Photos/700x500w/9727/972722/972722176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Strawberry Duck St. Petersburg Hostel" data-hbs-name="Strawberry Duck St. Petersburg Hostel"> <a class="hotels-by-stars__title-link" href="https://strawberry-duck-st-petersburg.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9zdHJhd2JlcnJ5LWR1Y2stc3QtcGV0ZXJzYnVyZy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Strawberry Duck St. Petersburg Hostel </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8879932" data-hbs-latitude="59.9305" data-hbs-longitude="30.36361" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAyNzgvMTAyNzgxNS8xMDI3ODE1MDUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027815/1027815052.JPEG" srcset="/data/Photos/450x450w/10278/1027815/1027815052.JPEG 1x, /data/Photos/700x500w/10278/1027815/1027815052.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027814/1027814365.JPEG" srcset="/data/Photos/450x450w/10278/1027814/1027814365.JPEG 1x, /data/Photos/700x500w/10278/1027814/1027814365.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10235/1023597/1023597265.JPEG" srcset="/data/Photos/450x450w/10235/1023597/1023597265.JPEG 1x, /data/Photos/700x500w/10235/1023597/1023597265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027814/1027814389.JPEG" srcset="/data/Photos/450x450w/10278/1027814/1027814389.JPEG 1x, /data/Photos/700x500w/10278/1027814/1027814389.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027814/1027814824.JPEG" srcset="/data/Photos/450x450w/10278/1027814/1027814824.JPEG 1x, /data/Photos/700x500w/10278/1027814/1027814824.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10278/1027814/1027814851.JPEG" srcset="/data/Photos/450x450w/10278/1027814/1027814851.JPEG 1x, /data/Photos/700x500w/10278/1027814/1027814851.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barch На Площади Восстания" data-hbs-name="Barch На Площади Восстания"> <a class="hotels-by-stars__title-link" href="https://capsule-hotel-barch.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9jYXBzdWxlLWhvdGVsLWJhcmNoLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Barch На Площади Восстания </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9575917" data-hbs-latitude="60.05745" data-hbs-longitude="30.42053" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODYyMC84NjIwNzIvODYyMDcyMTM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8620/862072/862072139.JPEG" srcset="/data/Photos/450x450w/8620/862072/862072139.JPEG 1x, /data/Photos/700x500w/8620/862072/862072139.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8648/864839/864839489.JPEG" srcset="/data/Photos/450x450w/8648/864839/864839489.JPEG 1x, /data/Photos/700x500w/8648/864839/864839489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8620/862070/862070588.JPEG" srcset="/data/Photos/450x450w/8620/862070/862070588.JPEG 1x, /data/Photos/700x500w/8620/862070/862070588.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8643/864343/864343541.JPEG" srcset="/data/Photos/450x450w/8643/864343/864343541.JPEG 1x, /data/Photos/700x500w/8643/864343/864343541.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8655/865559/865559945.JPEG" srcset="/data/Photos/450x450w/8655/865559/865559945.JPEG 1x, /data/Photos/700x500w/8655/865559/865559945.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8958/895825/895825240.JPEG" srcset="/data/Photos/450x450w/8958/895825/895825240.JPEG 1x, /data/Photos/700x500w/8958/895825/895825240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Svetlanovsky Apartment Saint Petersburg" data-hbs-name="Svetlanovsky Apartment Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://svetlanovsky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9zdmV0bGFub3Zza3kuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Svetlanovsky Apartment Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9580084" data-hbs-latitude="59.93169" data-hbs-longitude="30.30565" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODg0Ny84ODQ3NTQvODg0NzU0NjczLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8847/884754/884754673.JPEG" srcset="/data/Photos/450x450w/8847/884754/884754673.JPEG 1x, /data/Photos/700x500w/8847/884754/884754673.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10546/1054627/1054627444.JPEG" srcset="/data/Photos/450x450w/10546/1054627/1054627444.JPEG 1x, /data/Photos/700x500w/10546/1054627/1054627444.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10546/1054633/1054633498.JPEG" srcset="/data/Photos/450x450w/10546/1054633/1054633498.JPEG 1x, /data/Photos/700x500w/10546/1054633/1054633498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10546/1054642/1054642204.JPEG" srcset="/data/Photos/450x450w/10546/1054642/1054642204.JPEG 1x, /data/Photos/700x500w/10546/1054642/1054642204.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10495/1049503/1049503861.JPEG" srcset="/data/Photos/450x450w/10495/1049503/1049503861.JPEG 1x, /data/Photos/700x500w/10495/1049503/1049503861.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10495/1049508/1049508835.JPEG" srcset="/data/Photos/450x450w/10495/1049508/1049508835.JPEG 1x, /data/Photos/700x500w/10495/1049508/1049508835.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Maison48 Premium Class Apartments By St Isaac'S Cathedral - Maison48 Апартаменты Премиум-Класса У Исаакиевского Собора Saint Petersburg" data-hbs-name="Maison48 Premium Class Apartments By St Isaac'S Cathedral - Maison48 Апартаменты Премиум-Класса У Исаакиевского Собора Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://gorgeous-apartments-with-st-isaacs-cathedral-view.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9nb3JnZW91cy1hcGFydG1lbnRzLXdpdGgtc3QtaXNhYWNzLWNhdGhlZHJhbC12aWV3LmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Maison48 Premium Class Apartments By St Isaac'S Cathedral - Maison48 Апартаменты Премиум-Класса У Исаакиевского Собора Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10451908" data-hbs-latitude="59.93032" data-hbs-longitude="30.35272" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzMTgvMTAzMTgyNC8xMDMxODI0MTM1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10318/1031824/1031824135.JPEG" srcset="/data/Photos/450x450w/10318/1031824/1031824135.JPEG 1x, /data/Photos/700x500w/10318/1031824/1031824135.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10452/1045294/1045294189.JPEG" srcset="/data/Photos/450x450w/10452/1045294/1045294189.JPEG 1x, /data/Photos/700x500w/10452/1045294/1045294189.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10452/1045294/1045294219.JPEG" srcset="/data/Photos/450x450w/10452/1045294/1045294219.JPEG 1x, /data/Photos/700x500w/10452/1045294/1045294219.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10452/1045298/1045298986.JPEG" srcset="/data/Photos/450x450w/10452/1045298/1045298986.JPEG 1x, /data/Photos/700x500w/10452/1045298/1045298986.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10453/1045301/1045301476.JPEG" srcset="/data/Photos/450x450w/10453/1045301/1045301476.JPEG 1x, /data/Photos/700x500w/10453/1045301/1045301476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10453/1045303/1045303471.JPEG" srcset="/data/Photos/450x450w/10453/1045303/1045303471.JPEG 1x, /data/Photos/700x500w/10453/1045303/1045303471.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Red Room Hotel Saint Petersburg" data-hbs-name="Red Room Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://red-room-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9yZWQtcm9vbS1ob3RlbC5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Red Room Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10510349" data-hbs-latitude="59.93977" data-hbs-longitude="30.34237" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA2ODYvMTA2ODY5Ni8xMDY4Njk2MTY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068696/1068696169.JPEG" srcset="/data/Photos/450x450w/10686/1068696/1068696169.JPEG 1x, /data/Photos/700x500w/10686/1068696/1068696169.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068691/1068691822.JPEG" srcset="/data/Photos/450x450w/10686/1068691/1068691822.JPEG 1x, /data/Photos/700x500w/10686/1068691/1068691822.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068693/1068693214.JPEG" srcset="/data/Photos/450x450w/10686/1068693/1068693214.JPEG 1x, /data/Photos/700x500w/10686/1068693/1068693214.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068693/1068693535.JPEG" srcset="/data/Photos/450x450w/10686/1068693/1068693535.JPEG 1x, /data/Photos/700x500w/10686/1068693/1068693535.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068694/1068694996.JPEG" srcset="/data/Photos/450x450w/10686/1068694/1068694996.JPEG 1x, /data/Photos/700x500w/10686/1068694/1068694996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10686/1068695/1068695305.JPEG" srcset="/data/Photos/450x450w/10686/1068695/1068695305.JPEG 1x, /data/Photos/700x500w/10686/1068695/1068695305.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Wh Apartment Hotel Saint Petersburg" data-hbs-name="Wh Apartment Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://wh-apartment-hotel.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly93aC1hcGFydG1lbnQtaG90ZWwuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> Wh Apartment Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10541228" data-hbs-latitude="59.9253" data-hbs-longitude="30.33953" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNDAvMTAzNDA1My8xMDM0MDUzNzIxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10340/1034053/1034053721.JPEG" srcset="/data/Photos/450x450w/10340/1034053/1034053721.JPEG 1x, /data/Photos/700x500w/10340/1034053/1034053721.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10592/1059282/1059282943.JPEG" srcset="/data/Photos/450x450w/10592/1059282/1059282943.JPEG 1x, /data/Photos/700x500w/10592/1059282/1059282943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10323/1032302/1032302738.JPEG" srcset="/data/Photos/450x450w/10323/1032302/1032302738.JPEG 1x, /data/Photos/700x500w/10323/1032302/1032302738.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10323/1032302/1032302786.JPEG" srcset="/data/Photos/450x450w/10323/1032302/1032302786.JPEG 1x, /data/Photos/700x500w/10323/1032302/1032302786.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10330/1033064/1033064666.JPEG" srcset="/data/Photos/450x450w/10330/1033064/1033064666.JPEG 1x, /data/Photos/700x500w/10330/1033064/1033064666.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10330/1033065/1033065641.JPEG" srcset="/data/Photos/450x450w/10330/1033065/1033065641.JPEG 1x, /data/Photos/700x500w/10330/1033065/1033065641.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Z17 Apartments Saint Petersburg" data-hbs-name="Z17 Apartments Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://z17-apartments.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly96MTctYXBhcnRtZW50cy5ob3RlbHNpbnNhaW50cGV0ZXJzYnVyZy5uZXQvZW4v"> Z17 Apartments Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10556588" data-hbs-latitude="59.92874" data-hbs-longitude="30.37141" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA5MjkvMTA5MjkwMC8xMDkyOTAwOTcyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10929/1092900/1092900972.JPEG" srcset="/data/Photos/450x450w/10929/1092900/1092900972.JPEG 1x, /data/Photos/700x500w/10929/1092900/1092900972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10826/1082607/1082607511.JPEG" srcset="/data/Photos/450x450w/10826/1082607/1082607511.JPEG 1x, /data/Photos/700x500w/10826/1082607/1082607511.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10613/1061386/1061386996.JPEG" srcset="/data/Photos/450x450w/10613/1061386/1061386996.JPEG 1x, /data/Photos/700x500w/10613/1061386/1061386996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10712/1071202/1071202111.JPEG" srcset="/data/Photos/450x450w/10712/1071202/1071202111.JPEG 1x, /data/Photos/700x500w/10712/1071202/1071202111.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10712/1071202/1071202270.JPEG" srcset="/data/Photos/450x450w/10712/1071202/1071202270.JPEG 1x, /data/Photos/700x500w/10712/1071202/1071202270.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10712/1071202/1071202441.JPEG" srcset="/data/Photos/450x450w/10712/1071202/1071202441.JPEG 1x, /data/Photos/700x500w/10712/1071202/1071202441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="White Apart By Academia Aparthotel Saint Petersburg" data-hbs-name="White Apart By Academia Aparthotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://white-apart-hotel-on-nevsky.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly93aGl0ZS1hcGFydC1ob3RlbC1vbi1uZXZza3kuaG90ZWxzaW5zYWludHBldGVyc2J1cmcubmV0L2VuLw=="> White Apart By Academia Aparthotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10596332" data-hbs-latitude="59.90521" data-hbs-longitude="30.27766" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzMzcvMTAzMzcyMC8xMDMzNzIwNTY4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720568.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720568.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720421.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720421.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720421.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720976.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720976.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720976.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720583.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720583.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720583.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720973.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720973.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720973.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10337/1033720/1033720451.JPEG" srcset="/data/Photos/450x450w/10337/1033720/1033720451.JPEG 1x, /data/Photos/700x500w/10337/1033720/1033720451.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Bdsm-Fetish Studio Anastasia Hotel Saint Petersburg" data-hbs-name="Bdsm-Fetish Studio Anastasia Hotel Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://bdsm-fetish-studio-anastasia.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9iZHNtLWZldGlzaC1zdHVkaW8tYW5hc3Rhc2lhLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> Bdsm-Fetish Studio Anastasia Hotel Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10869565" data-hbs-latitude="59.93968" data-hbs-longitude="30.26519" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEwMjAvMTEwMjA4MC8xMTAyMDgwNjU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11020/1102080/1102080654.JPEG" srcset="/data/Photos/450x450w/11020/1102080/1102080654.JPEG 1x, /data/Photos/700x500w/11020/1102080/1102080654.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9090/909007/909007474.JPEG" srcset="/data/Photos/450x450w/9090/909007/909007474.JPEG 1x, /data/Photos/700x500w/9090/909007/909007474.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9090/909012/909012778.JPEG" srcset="/data/Photos/450x450w/9090/909012/909012778.JPEG 1x, /data/Photos/700x500w/9090/909012/909012778.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11109/1110951/1110951600.JPEG" srcset="/data/Photos/450x450w/11109/1110951/1110951600.JPEG 1x, /data/Photos/700x500w/11109/1110951/1110951600.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11109/1110952/1110952887.JPEG" srcset="/data/Photos/450x450w/11109/1110952/1110952887.JPEG 1x, /data/Photos/700x500w/11109/1110952/1110952887.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11109/1110952/1110952917.JPEG" srcset="/data/Photos/450x450w/11109/1110952/1110952917.JPEG 1x, /data/Photos/700x500w/11109/1110952/1110952917.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title=""Hygge Apartments" Saint Petersburg" data-hbs-name=""Hygge Apartments" Saint Petersburg"> <a class="hotels-by-stars__title-link" href="https://hygge-apartments.hotelsinsaintpetersburg.net/en/" data-hbs-url="aHR0cHM6Ly9oeWdnZS1hcGFydG1lbnRzLmhvdGVsc2luc2FpbnRwZXRlcnNidXJnLm5ldC9lbi8="> "Hygge Apartments" Saint Petersburg </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We use cookies to ensure that we give you the best experience on our website. If you continue to use this site, we will assume that you are happy with it.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle">Tell us what to add</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Please type here…" required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Send</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Thank you for your feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Thank you for subscribing</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Close</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> property types <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/type/hotels-12/">Hotels in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/type/apartments-3/">Apartments in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/type/hostels-11/">Hostels in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/type/guest-houses-10/">Guest houses in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/type/inns-16/">Inns in Saint Petersburg</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> landmarks <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/near-ice-palace-317350/">Ice Palace</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/near-nevskiy-prospekt-155738/">Nevskiy Prospekt</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> ratings <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/5-stars/">5 star hotels in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/4-stars/">4 star hotels in Saint Petersburg</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/3-stars/">3 star hotels in Saint Petersburg</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hotel themes <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/theme/luxury-hotels-14/">Luxury hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/theme/cheap-and-budget-hotels-9/">Cheap and budget hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/theme/boutique-hotels-4/">Boutique hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/theme/family-hotels-11/">Family Friendly hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsinsaintpetersburg.net/en/theme/spa-hotels-17/">Spa hotels</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top hotels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://solo-sokos-hotel-palace-bridge-saint-petersburg.hotelsinsaintpetersburg.net/en/">Solo Sokos Hotel Palace Bridge</a> <a class="footer-extra-offers-list__link" href="https://grand-hotel-europe-saint-petersburg.hotelsinsaintpetersburg.net/en/">Grand Hotel Europe, A Belmond Hotel, St Petersburg</a> <a class="footer-extra-offers-list__link" href="https://kristoff.hotelsinsaintpetersburg.net/en/">Kristoff Hotel</a> <a class="footer-extra-offers-list__link" href="https://angleterre.hotelsinsaintpetersburg.net/en/">Angleterre Hotel</a> <a class="footer-extra-offers-list__link" href="https://renaissance-st-petersburg-baltic.hotelsinsaintpetersburg.net/en/">Renaissance St. Petersburg Baltic Hotel</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Company <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2Fib3V0LXVzLw==">About Us</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL291ci12YWx1ZXMv">Our values</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3doeS1ib29rLXdpdGgtdXMv">Why Book With Us?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3BhcnRuZXJzaGlwLw==">Partnership</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> For travellers <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3VzZWZ1bC10aXBzLw==">Useful tips</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservation for groups</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3N1cHBvcnQv">Help Centre</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Subscribe to our newsletter</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Your email" required> <button class="form__submit" type="submit">Subscribe</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Tell us what to add</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Largest choice of unique places</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3ByaXZhY3kv">Privacy policy</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms & Conditions</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL2NvcHlyaWdodC8=">Copyrights Notification</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2024 © hotelsinsaintpetersburg.net. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotelsinsaintpetersburg.net', page: 'main', type: 'destination', lang_id: '1', lang: 'en', day: '20', month: '12', year: '2024', id: '2600945548', track: 'pe13YuFy2ejwDYul', currency: {"ID":"1","CurrencyID":"1","LangID":"1","Name":"U.S. dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/\/?currency=1"}, tob: false , sdom: 'https://www.hotelsinsaintpetersburg.net', sid: '116585', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '18398', c_id: 18398, theme: '9001', map_params: { provider: '2', key: '' , lat: '59.934747', long: '30.330919' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-21', to: '2024-12-22', adults: '2', children: '0', childrenTitle: 'Ages of children:' }, messages: { f_name: 'Enter your name', f_email: 'Enter a valid email address', f_subject: 'Please choose subject', f_message: 'Enter the text', f_review: 'Please enter text', f_review_cons: 'Please enter text', f_month: 'Choose a month', f_year: 'Choose a year', f_rating: 'Rate this property', f_calendar:'Enter your dates and check our special offers', // TODO: Uncomment when vocab will be translated } , k: 'z1r1d7411rpr', v: '10673af18806467084ef39f1fd1389ea' }; travel.data = { } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'1', language:'en', isRtl: false , currentDay:'20', currentMonth:'12', currentYear:'2024', logId: '2600945548', track: 'pe13YuFy2ejwDYul', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelsinsaintpetersburg.net', siteId:'116585', nid:'28', siteDomain: 'hotelsinsaintpetersburg.net', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'18398', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-2996338", subAccount: "dest-clicktrip-n28-201224-s116585-wpe13YuFy2ejwDYul-d9001-dc3" }, cityID: 18398, cityLocalName: "\u0421\u0430\u043d\u043a\u0442-\u041f\u0435\u0442\u0435\u0440\u0431\u0443\u0440\u0433", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'59.934747' ,hotelLongitude:'30.330919' ,cityCenterLatitude: '59939039' ,cityCenterLongitude: '30315785' }, availableParams: { use:'0', dataFrom:'2024-12-21', dataTo:'2024-12-22', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Please enter your name', messageEmail:'Please enter a valid email address', messageSubject:'Please choose subject', messageMessage:'Please enter message', messageReview:'Please enter text', messageReviewCons:'Please enter text', messageMonth:'Please choose month', messageYear:'Please choose year', messageRating:'Please rate this property', messageCountry:'Choose a country', next:'Next', prev:'Previous', messageCalendar:'Enter your dates and check our special offers' }, stopSpamKey:'z1r1d7411rpr', stopSpamValue:'10673af18806467084ef39f1fd1389ea', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.hotelsinsaintpetersburg.net"]); _paq.push(["setDomains", ["*.hotelsinsaintpetersburg.net"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116585]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'en', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116585" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.7bc16a60526873d992d8c4b7de710ff9.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.6da58efd0376538f5e0dd65078d17f52.js"></script> </body> </html>