[iOS] implement guides gallery on map

2020-04-23 15:14:31 +03:00 · 2020-04-23 15:14:31 +03:00 · a7261c5725
commit a7261c5725
parent eff0c2d26a
44 changed files with 2047 additions and 238 deletions
--- a/iphone/CoreApi/CoreApi.xcodeproj/project.pbxproj
+++ b/iphone/CoreApi/CoreApi.xcodeproj/project.pbxproj
@ -14,6 +14,12 @@
 		470016082342541100EBF03D /* MWMTagGroup.m in Sources */ = {isa = PBXBuildFile; fileRef = 470016052342541000EBF03D /* MWMTagGroup.m */; };
 		4700160F2342579000EBF03D /* MWMTag.h in Headers */ = {isa = PBXBuildFile; fileRef = 470016042342540F00EBF03D /* MWMTag.h */; settings = {ATTRIBUTES = (Public, ); }; };
 		470016102342579200EBF03D /* MWMTagGroup.h in Headers */ = {isa = PBXBuildFile; fileRef = 470016032342540E00EBF03D /* MWMTagGroup.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		470B3620244DD9E400C0EA9E /* GuidesGalleryData.h in Headers */ = {isa = PBXBuildFile; fileRef = 470B361E244DD9E400C0EA9E /* GuidesGalleryData.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		470B3621244DD9E400C0EA9E /* GuidesGalleryData.mm in Sources */ = {isa = PBXBuildFile; fileRef = 470B361F244DD9E400C0EA9E /* GuidesGalleryData.mm */; };
+		470B3624244DDA0A00C0EA9E /* GuidesGalleryItem.h in Headers */ = {isa = PBXBuildFile; fileRef = 470B3622244DDA0A00C0EA9E /* GuidesGalleryItem.h */; settings = {ATTRIBUTES = (Public, ); }; };
+		470B3625244DDA0A00C0EA9E /* GuidesGalleryItem.mm in Sources */ = {isa = PBXBuildFile; fileRef = 470B3623244DDA0A00C0EA9E /* GuidesGalleryItem.mm */; };
+		470B3628244DDA2600C0EA9E /* GuidesGalleryData+Core.h in Headers */ = {isa = PBXBuildFile; fileRef = 470B3626244DDA2600C0EA9E /* GuidesGalleryData+Core.h */; };
+		470B362C244DDBF600C0EA9E /* GuidesGalleryItem+Core.h in Headers */ = {isa = PBXBuildFile; fileRef = 470B362A244DDBF600C0EA9E /* GuidesGalleryItem+Core.h */; };
 		4718C4322355FC3C00640DF1 /* MWMNetworkPolicy.h in Headers */ = {isa = PBXBuildFile; fileRef = 4718C4302355FC3C00640DF1 /* MWMNetworkPolicy.h */; settings = {ATTRIBUTES = (Public, ); }; };
 		4718C4332355FC3C00640DF1 /* MWMNetworkPolicy.mm in Sources */ = {isa = PBXBuildFile; fileRef = 4718C4312355FC3C00640DF1 /* MWMNetworkPolicy.mm */; };
 		471AB98D23AB925D00F56D49 /* MWMMapSearchResult.h in Headers */ = {isa = PBXBuildFile; fileRef = 471AB98B23AB925D00F56D49 /* MWMMapSearchResult.h */; settings = {ATTRIBUTES = (Public, ); }; };
@ -145,6 +151,12 @@
 		470016062342541100EBF03D /* MWMTag.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = MWMTag.m; sourceTree = "<group>"; };
 		4700161223425CFD00EBF03D /* UIKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = UIKit.framework; path = System/Library/Frameworks/UIKit.framework; sourceTree = SDKROOT; };
 		470016142342633D00EBF03D /* CoreApi.modulemap */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = "sourcecode.module-map"; path = CoreApi.modulemap; sourceTree = "<group>"; };
+		470B361E244DD9E400C0EA9E /* GuidesGalleryData.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GuidesGalleryData.h; sourceTree = "<group>"; };
+		470B361F244DD9E400C0EA9E /* GuidesGalleryData.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = GuidesGalleryData.mm; sourceTree = "<group>"; };
+		470B3622244DDA0A00C0EA9E /* GuidesGalleryItem.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GuidesGalleryItem.h; sourceTree = "<group>"; };
+		470B3623244DDA0A00C0EA9E /* GuidesGalleryItem.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = GuidesGalleryItem.mm; sourceTree = "<group>"; };
+		470B3626244DDA2600C0EA9E /* GuidesGalleryData+Core.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "GuidesGalleryData+Core.h"; sourceTree = "<group>"; };
+		470B362A244DDBF600C0EA9E /* GuidesGalleryItem+Core.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "GuidesGalleryItem+Core.h"; sourceTree = "<group>"; };
 		4718C4302355FC3C00640DF1 /* MWMNetworkPolicy.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = MWMNetworkPolicy.h; sourceTree = "<group>"; };
 		4718C4312355FC3C00640DF1 /* MWMNetworkPolicy.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = MWMNetworkPolicy.mm; sourceTree = "<group>"; };
 		471AB98B23AB925D00F56D49 /* MWMMapSearchResult.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = MWMMapSearchResult.h; sourceTree = "<group>"; };
@ -349,6 +361,19 @@
 			name = Frameworks;
 			sourceTree = "<group>";
 		};
+		470B361D244DD98B00C0EA9E /* GuidesGallery */ = {
+			isa = PBXGroup;
+			children = (
+				470B361E244DD9E400C0EA9E /* GuidesGalleryData.h */,
+				470B3626244DDA2600C0EA9E /* GuidesGalleryData+Core.h */,
+				470B361F244DD9E400C0EA9E /* GuidesGalleryData.mm */,
+				470B3622244DDA0A00C0EA9E /* GuidesGalleryItem.h */,
+				470B362A244DDBF600C0EA9E /* GuidesGalleryItem+Core.h */,
+				470B3623244DDA0A00C0EA9E /* GuidesGalleryItem.mm */,
+			);
+			path = GuidesGallery;
+			sourceTree = "<group>";
+		};
 		4718C42F2355FC0D00640DF1 /* NetworkPolicy */ = {
 			isa = PBXGroup;
 			children = (
@ -444,6 +469,7 @@
 				47942D5B237CC3B500DEFAE3 /* Common */,
 				47942D65237CC3B500DEFAE3 /* Booking */,
 				9974CA2623DF1931003FE824 /* ElevationProfile */,
+				470B361D244DD98B00C0EA9E /* GuidesGallery */,
 				47942D69237CC3B500DEFAE3 /* UGC */,
 			);
 			path = PlacePageData;
@ -649,9 +675,11 @@
 			buildActionMask = 2147483647;
 			files = (
 				9957FAE8237AE5B000855F48 /* Logger.h in Headers */,
+				470B3624244DDA0A00C0EA9E /* GuidesGalleryItem.h in Headers */,
 				470015F42342509C00EBF03D /* CoreApi.h in Headers */,
 				47942D74237CC41A00DEFAE3 /* HotelBookingData.h in Headers */,
 				479F705F234FBB8F00011E2E /* MWMCategory.h in Headers */,
+				470B3620244DD9E400C0EA9E /* GuidesGalleryData.h in Headers */,
 				471AB99123AB931000F56D49 /* MWMMapSearchResult+Core.h in Headers */,
 				4738A8E0239FACE7007C0F43 /* CoreBanner.h in Headers */,
 				47942D6D237CC3E300DEFAE3 /* PlacePagePreviewData.h in Headers */,
@ -691,6 +719,7 @@
 				47942D6E237CC3E800DEFAE3 /* PlacePagePreviewData+Core.h in Headers */,
 				4738A8E4239FB46E007C0F43 /* CoreBanner+Core.h in Headers */,
 				47942D7B237CC41A00DEFAE3 /* HotelRoom+Core.h in Headers */,
+				470B3628244DDA2600C0EA9E /* GuidesGalleryData+Core.h in Headers */,
 				47942D94237D673E00DEFAE3 /* CatalogPromoItem.h in Headers */,
 				470016102342579200EBF03D /* MWMTagGroup.h in Headers */,
 				47942D87237CC55800DEFAE3 /* MWMOpeningHoursCommon.h in Headers */,
@ -721,6 +750,7 @@
 				47D609DC234FE625008ECC47 /* MWMBookmarksObserver.h in Headers */,
 				471AB98D23AB925D00F56D49 /* MWMMapSearchResult.h in Headers */,
 				47942D6F237CC3F400DEFAE3 /* PlacePageInfoData.h in Headers */,
+				470B362C244DDBF600C0EA9E /* GuidesGalleryItem+Core.h in Headers */,
 				475784C22344B422008291A4 /* Framework.h in Headers */,
 				47C637D22354A6FB00E12DE0 /* MWMEye.h in Headers */,
 			);
@ -802,6 +832,7 @@
 				3D40DED723ED9C9500A0153A /* WebApi.mm in Sources */,
 				99103844237EDFA200893C9F /* DeepLinkData.m in Sources */,
 				47942D88237CCA8800DEFAE3 /* PlacePagePreviewData.mm in Sources */,
+				470B3625244DDA0A00C0EA9E /* GuidesGalleryItem.mm in Sources */,
 				479F7050234FB60400011E2E /* MWMCatalogObserver.mm in Sources */,
 				47942D7F237CC43300DEFAE3 /* UgcData.mm in Sources */,
 				99F31EB823D5DD9000CE2CE1 /* PromoAfterBookingData.mm in Sources */,
@ -842,6 +873,7 @@
 				47E8163623B1889C008FD836 /* MWMStorage.mm in Sources */,
 				9957FAE9237AE5B000855F48 /* Logger.mm in Sources */,
 				999D3A65237B097C00C5F7A8 /* DeepLinkSubscriptionData.mm in Sources */,
+				470B3621244DD9E400C0EA9E /* GuidesGalleryData.mm in Sources */,
 				47942D7C237CC41A00DEFAE3 /* HotelRoom.mm in Sources */,
 				47942D76237CC41A00DEFAE3 /* HotelBookingData.mm in Sources */,
 			);
--- a/iphone/CoreApi/CoreApi/CoreApi-swift.h
+++ b/iphone/CoreApi/CoreApi/CoreApi-swift.h
@ -55,3 +55,5 @@ FOUNDATION_EXPORT const unsigned char CoreApiVersionString[];
 #import <CoreApi/ElevationProfileData.h>
 #import <CoreApi/OpeningHours.h>
 #import <CoreApi/IOpeningHoursLocalization.h>
+#import <CoreApi/GuidesGalleryData.h>
+#import <CoreApi/GuidesGalleryItem.h>
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData+Core.h
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData+Core.h
@ -0,0 +1,13 @@
+#import "GuidesGalleryData.h"
+
+#include <CoreApi/Framework.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface GuidesGalleryData (Core)
+
+- (instancetype)initWithGuidesGallery:(GuidesManager::GuidesGallery const &)guidesGallery;
+
+@end
+
+NS_ASSUME_NONNULL_END
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData.h
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData.h
@ -0,0 +1,13 @@
+#import <Foundation/Foundation.h>
+
+@class GuidesGalleryItem;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface GuidesGalleryData : NSObject
+
+@property(nonatomic, readonly) NSArray<GuidesGalleryItem *> *galleryItems;
+
+@end
+
+NS_ASSUME_NONNULL_END
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData.mm
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryData.mm
@ -0,0 +1,31 @@
+#import "GuidesGalleryData+Core.h"
+#import "GuidesGalleryItem+Core.h"
+
+@implementation GuidesGalleryData
+
+@end
+
+@implementation GuidesGalleryData (Core)
+
+- (instancetype)initWithGuidesGallery:(GuidesManager::GuidesGallery const &)guidesGallery {
+  self = [super init];
+  if (self) {
+    NSMutableArray *itemsArray = [NSMutableArray arrayWithCapacity:guidesGallery.m_items.size()];
+    for (auto const &item : guidesGallery.m_items) {
+      GuidesGalleryItem *galleryItem;
+      switch (item.m_type) {
+        case GuidesManager::GuidesGallery::Item::Type::City:
+          galleryItem = [[CityGalleryItem alloc] initWithGuidesGalleryItem:item];
+          break;
+        case GuidesManager::GuidesGallery::Item::Type::Outdoor:
+          galleryItem = [[OutdoorGalleryItem alloc] initWithGuidesGalleryItem:item];
+          break;
+      }
+      [itemsArray addObject:galleryItem];
+    }
+    _galleryItems = [itemsArray copy];
+  }
+  return self;
+}
+
+@end
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem+Core.h
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem+Core.h
@ -0,0 +1,19 @@
+#import "GuidesGalleryItem.h"
+
+#include <CoreApi/Framework.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface CityGalleryItem (Core)
+
+- (instancetype)initWithGuidesGalleryItem:(GuidesManager::GuidesGallery::Item const &)guidesGalleryItem;
+
+@end
+
+@interface OutdoorGalleryItem (Core)
+
+- (instancetype)initWithGuidesGalleryItem:(GuidesManager::GuidesGallery::Item const &)guidesGalleryItem;
+
+@end
+
+NS_ASSUME_NONNULL_END
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem.h
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem.h
@ -0,0 +1,31 @@
+#import <Foundation/Foundation.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface GuidesGalleryItem : NSObject
+
+@property(nonatomic, readonly) NSString *guideId;
+@property(nonatomic, readonly) NSString *url;
+@property(nonatomic, readonly) NSString *imageUrl;
+@property(nonatomic, readonly) NSString *title;
+@property(nonatomic, readonly) BOOL downloaded;
+
+@end
+
+@interface CityGalleryItem : GuidesGalleryItem
+
+@property(nonatomic, readonly) NSInteger bookmarksCount;
+@property(nonatomic, readonly) BOOL hasTrack;
+
+@end
+
+@interface OutdoorGalleryItem : GuidesGalleryItem
+
+@property(nonatomic, readonly) NSString *tag;
+@property(nonatomic, readonly) double distance;
+@property(nonatomic, readonly) NSUInteger duration;
+@property(nonatomic, readonly) NSUInteger ascent;
+
+@end
+
+NS_ASSUME_NONNULL_END
--- a/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem.mm
+++ b/iphone/CoreApi/CoreApi/PlacePageData/GuidesGallery/GuidesGalleryItem.mm
@ -0,0 +1,57 @@
+#import "GuidesGalleryItem+Core.h"
+
+@implementation GuidesGalleryItem
+
+@end
+
+@implementation GuidesGalleryItem (Core)
+
+- (instancetype)initWithGuidesGalleryItem:(GuidesManager::GuidesGallery::Item const &)guidesGalleryItem {
+  self = [super init];
+  if (self) {
+    _guideId = @(guidesGalleryItem.m_guideId.c_str());
+    _url = @(guidesGalleryItem.m_url.c_str());
+    _imageUrl = @(guidesGalleryItem.m_imageUrl.c_str());
+    _title = @(guidesGalleryItem.m_title.c_str());
+    _downloaded = guidesGalleryItem.m_downloaded;
+  }
+  return self;
+}
+
+@end
+
+@implementation CityGalleryItem
+
+@end
+
+@implementation CityGalleryItem (Core)
+
+- (instancetype)initWithGuidesGalleryItem:(GuidesManager::GuidesGallery::Item const &)guidesGalleryItem {
+  self = [super initWithGuidesGalleryItem:guidesGalleryItem];
+  if (self) {
+    _bookmarksCount = guidesGalleryItem.m_cityParams.m_bookmarksCount;
+    _hasTrack = guidesGalleryItem.m_cityParams.m_trackIsAvailable;
+  }
+  return self;
+}
+
+@end
+
+@implementation OutdoorGalleryItem
+
+@end
+
+@implementation OutdoorGalleryItem (Core)
+
+- (instancetype)initWithGuidesGalleryItem:(GuidesManager::GuidesGallery::Item const &)guidesGalleryItem {
+  self = [super initWithGuidesGalleryItem:guidesGalleryItem];
+  if (self) {
+    _tag = @(guidesGalleryItem.m_outdoorsParams.m_tag.c_str());
+    _distance = guidesGalleryItem.m_outdoorsParams.m_distance;
+    _duration = guidesGalleryItem.m_outdoorsParams.m_duration;
+    _ascent = guidesGalleryItem.m_outdoorsParams.m_ascent;
+  }
+  return self;
+}
+
+@end
--- a/iphone/CoreApi/CoreApi/PlacePageData/PlacePageData.h
+++ b/iphone/CoreApi/CoreApi/PlacePageData/PlacePageData.h
@ -12,6 +12,7 @@
@class HotelRooms;
@class UgcData;
@class ElevationProfileData;
+@class GuidesGalleryData;
@class MWMMapNodeAttributes;

 typedef NS_ENUM(NSInteger, PlacePageSponsoredType) {
@ -47,6 +48,7 @@ NS_ASSUME_NONNULL_BEGIN

@interface PlacePageData : NSObject

+@property(nonatomic, readonly, class) BOOL isGuide;
@property(nonatomic, readonly, nullable) PlacePageButtonsData *buttonsData;
@property(nonatomic, readonly) PlacePagePreviewData *previewData;
@property(nonatomic, readonly, nullable) PlacePageInfoData *infoData;
@ -60,6 +62,7 @@ NS_ASSUME_NONNULL_BEGIN
@property(nonatomic, readonly, nullable) HotelRooms *hotelRooms;
@property(nonatomic, readonly, nullable) UgcData *ugcData;
@property(nonatomic, readonly, nullable) ElevationProfileData *elevationProfileData;
+@property(nonatomic, readonly, nullable) GuidesGalleryData *guidesGalleryData;
@property(nonatomic, readonly, nullable) MWMMapNodeAttributes *mapNodeAttributes;
@property(nonatomic, readonly, nullable) NSString *bookingSearchUrl;
@property(nonatomic, readonly) BOOL isLargeToponim;
--- a/iphone/CoreApi/CoreApi/PlacePageData/PlacePageData.mm
+++ b/iphone/CoreApi/CoreApi/PlacePageData/PlacePageData.mm
@ -9,6 +9,7 @@
 #import "HotelRooms+Core.h"
 #import "UgcData+Core.h"
 #import "ElevationProfileData+Core.h"
+#import "GuidesGalleryData+Core.h"
 #import "MWMMapNodeAttributes.h"

 #include <CoreApi/CoreApi.h>
@ -145,6 +146,12 @@ static PlacePageRoadType convertRoadType(RoadWarningMarkType roadType) {
      _previewData = [[PlacePagePreviewData alloc] initWithRawData:rawData()];
    }

+    if (rawData().IsGuide()) {
+      auto const &gm = GetFramework().GetGuidesManager();
+      auto const &galleryData = gm.GetGallery();
+      _guidesGalleryData = [[GuidesGalleryData alloc] initWithGuidesGallery:galleryData];
+    }
+
    auto const &countryId = rawData().GetCountryId();
    if (!countryId.empty()) {
      _mapNodeAttributes = [[MWMStorage sharedStorage] attributesForCountry:@(rawData().GetCountryId().c_str())];
@ -230,6 +237,10 @@ static PlacePageRoadType convertRoadType(RoadWarningMarkType roadType) {
  }
 }

+ (BOOL)isGuide {
+  return rawData().IsGuide();
+}
+
 #pragma mark - Private

 - (void)loadBookingDataWithCompletion:(MWMVoidBlock)completion {
--- a/iphone/Maps/Categories/UICollectionView+Cells.swift
+++ b/iphone/Maps/Categories/UICollectionView+Cells.swift
@ -6,4 +6,12 @@ extension UICollectionView {
  @objc func dequeueReusableCell(withCellClass cellClass: AnyClass, indexPath: IndexPath) -> UICollectionViewCell {
    return dequeueReusableCell(withReuseIdentifier: toString(cellClass), for: indexPath)
  }
+
+  func register<Cell>(cell: Cell.Type) where Cell: UICollectionViewCell {
+    register(cell, forCellWithReuseIdentifier: toString(cell))
+  }
+
+  func dequeueReusableCell<Cell>(cell: Cell.Type, indexPath: IndexPath) -> Cell where Cell: UICollectionViewCell {
+    return dequeueReusableCell(withReuseIdentifier: toString(cell), for: indexPath) as! Cell
+  }
 }
--- a/iphone/Maps/Classes/MapViewController.mm
+++ b/iphone/Maps/Classes/MapViewController.mm
@ -100,6 +100,7 @@ NSString *const kPP2BookmarkEditingSegue = @"PP2BookmarkEditing";
@property(nonatomic) BOOL deferredFocusValue;
@property(nonatomic) UIViewController *placePageVC;
@property(nonatomic) IBOutlet UIView *placePageContainer;
+@property(nonatomic) IBOutlet UIView *guidesCollectionContainer;

@end

@ -114,17 +115,28 @@ NSString *const kPP2BookmarkEditingSegue = @"PP2BookmarkEditing";

 - (void)showPlacePage {
  self.controlsManager.trafficButtonHidden = YES;
-  self.placePageVC = [PlacePageBuilder build];
-  [self addChildViewController:self.placePageVC];
-  self.placePageContainer.hidden = NO;
-  [self.placePageContainer addSubview:self.placePageVC.view];
+  if (PlacePageData.isGuide) {
+    self.placePageVC = [MWMGuidesGalleryBuilder build];
+    [self.guidesCollectionContainer addSubview:self.placePageVC.view];
+    [NSLayoutConstraint activateConstraints:@[
+      [self.placePageVC.view.topAnchor constraintEqualToAnchor:self.guidesCollectionContainer.topAnchor],
+      [self.placePageVC.view.leftAnchor constraintEqualToAnchor:self.guidesCollectionContainer.leftAnchor],
+      [self.placePageVC.view.bottomAnchor constraintEqualToAnchor:self.guidesCollectionContainer.bottomAnchor],
+      [self.placePageVC.view.rightAnchor constraintEqualToAnchor:self.guidesCollectionContainer.rightAnchor]
+    ]];
+  } else {
+    self.placePageVC = [PlacePageBuilder build];
+    self.placePageContainer.hidden = NO;
+    [self.placePageContainer addSubview:self.placePageVC.view];
+    [NSLayoutConstraint activateConstraints:@[
+      [self.placePageVC.view.topAnchor constraintEqualToAnchor:self.placePageContainer.safeAreaLayoutGuide.topAnchor],
+      [self.placePageVC.view.leftAnchor constraintEqualToAnchor:self.placePageContainer.leftAnchor],
+      [self.placePageVC.view.bottomAnchor constraintEqualToAnchor:self.placePageContainer.bottomAnchor],
+      [self.placePageVC.view.rightAnchor constraintEqualToAnchor:self.placePageContainer.rightAnchor]
+    ]];
+  }
  self.placePageVC.view.translatesAutoresizingMaskIntoConstraints = NO;
-  [NSLayoutConstraint activateConstraints:@[
-    [self.placePageVC.view.topAnchor constraintEqualToAnchor:self.placePageContainer.safeAreaLayoutGuide.topAnchor],
-    [self.placePageVC.view.leftAnchor constraintEqualToAnchor:self.placePageContainer.leftAnchor],
-    [self.placePageVC.view.bottomAnchor constraintEqualToAnchor:self.placePageContainer.bottomAnchor],
-    [self.placePageVC.view.rightAnchor constraintEqualToAnchor:self.placePageContainer.rightAnchor]
-  ]];
+  [self addChildViewController:self.placePageVC];
  [self.placePageVC didMoveToParentViewController:self];
 }

--- a/iphone/Maps/Core/Theme/Fonts.swift
+++ b/iphone/Maps/Core/Theme/Fonts.swift
@ -45,7 +45,7 @@ class Fonts: IFonts {
  var heavy32 = UIFont.systemFont(ofSize: 32, weight:UIFont.Weight.heavy)
  var heavy38 = UIFont.systemFont(ofSize: 38, weight:UIFont.Weight.heavy)
  var italic16 = UIFont.italicSystemFont(ofSize: 16)
-  var semibold12 = UIFont.systemFont(ofSize: 14, weight:UIFont.Weight.semibold)
+  var semibold12 = UIFont.systemFont(ofSize: 12, weight:UIFont.Weight.semibold)
  var semibold14 = UIFont.systemFont(ofSize: 14, weight:UIFont.Weight.semibold)
  var semibold15 = UIFont.systemFont(ofSize: 15, weight:UIFont.Weight.semibold)
  var semibold16 = UIFont.systemFont(ofSize: 16, weight:UIFont.Weight.semibold)
--- a/iphone/Maps/Core/Theme/GuidesGalleryStyleSheet.swift
+++ b/iphone/Maps/Core/Theme/GuidesGalleryStyleSheet.swift
@ -0,0 +1,49 @@
+class GuidesGalleryStyleSheet: IStyleSheet {
+  private enum Const {
+    static let cityColor = UIColor(red: 0.4, green: 0.225, blue: 0.75, alpha: 1)
+    static let outdoorColor = UIColor(red: 0.235, green: 0.549, blue: 0.235, alpha: 1)
+  }
+
+  static func register(theme: Theme, colors: IColors, fonts: IFonts) {
+    theme.add(styleName: "GuidesGalleryCell") { (s) -> (Void) in
+      s.backgroundColor = colors.white
+      s.cornerRadius = 4
+      s.clip = true
+      s.shadowColor = colors.shadow
+      s.shadowOpacity = 0.25
+      s.shadowRadius = 4
+    }
+
+    theme.add(styleName: "GuidesGalleryCellImage") { (s) -> (Void) in
+      s.cornerRadius = 4
+      s.clip = true
+      s.backgroundColor = colors.blackDividers
+    }
+
+    theme.add(styleName: "GuidesGalleryCityLabel") { (s) -> (Void) in
+      s.fontColor = Const.cityColor
+      s.font = fonts.regular12
+    }
+
+    theme.add(styleName: "GuidesGalleryOutdoorLabel") { (s) -> (Void) in
+      s.fontColor = Const.outdoorColor
+      s.font = fonts.regular12
+    }
+
+    theme.add(styleName: "GuidesGalleryCityCheck") { (s) -> (Void) in
+      s.tintColor = Const.cityColor
+    }
+
+    theme.add(styleName: "GuidesGalleryOutdoorCheck") { (s) -> (Void) in
+      s.tintColor = Const.outdoorColor
+    }
+
+    theme.add(styleName: "GuidesGalleryShowButton") { (s) -> (Void) in
+      s.cornerRadius = 14
+      s.clip = true
+      s.backgroundColor = colors.blackOpaque
+      s.font = fonts.semibold14
+      s.fontColor = colors.blackSecondaryText
+    }
+  }
+}
--- a/iphone/Maps/Core/Theme/MainTheme.swift
+++ b/iphone/Maps/Core/Theme/MainTheme.swift
@ -11,6 +11,7 @@ class MainTheme: Theme {
    self.registerStyleSheet(SubscriptionsStyleSheet.self)
    self.registerStyleSheet(PlacePageStyleSheet.self)
    self.registerStyleSheet(PartnersStyleSheet.self)
+    self.registerStyleSheet(GuidesGalleryStyleSheet.self)
  }
 }

--- a/iphone/Maps/Images.xcassets/Routes
+++ b/iphone/Maps/Images.xcassets/Routes
@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/Gallery/routes_gallery_attitude.imageset/Contents.json
+++ b/Gallery/routes_gallery_attitude.imageset/Contents.json
@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "attitude_icon.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
--- a/Gallery/routes_gallery_attitude.imageset/attitude_icon.pdf
+++ b/Gallery/routes_gallery_attitude.imageset/attitude_icon.pdf
@ -0,0 +1,88 @@
+%PDF-1.7
+
+1 0 obj
+  << /ExtGState << /E1 << /ca 0.540000 >> >> >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+/E1 gs
+0.707107 0.707107 -0.707107 0.707107 15.188722 -7.188722 cm
+0.000000 0.000000 0.000000 scn
+0.000000 16.473242 m
+-0.358985 16.473242 -0.650000 16.182228 -0.650000 15.823242 c
+-0.650000 15.464257 -0.358985 15.173243 0.000000 15.173243 c
+0.000000 16.473242 l
+h
+11.773327 15.363623 m
+12.027167 15.617463 12.027167 16.029020 11.773327 16.282862 c
+7.636752 20.419436 l
+7.382912 20.673277 6.971354 20.673277 6.717514 20.419436 c
+6.463673 20.165596 6.463673 19.754038 6.717514 19.500198 c
+10.394468 15.823242 l
+6.717514 12.146287 l
+6.463673 11.892447 6.463673 11.480888 6.717514 11.227049 c
+6.971354 10.973207 7.382912 10.973207 7.636752 11.227049 c
+11.773327 15.363623 l
+h
+0.000000 15.173243 m
+11.313707 15.173243 l
+11.313707 16.473242 l
+0.000000 16.473242 l
+0.000000 15.173243 l
+h
+f
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  818
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 16.000000 16.000000 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000074 00000 n
+0000000948 00000 n
+0000000970 00000 n
+0000001143 00000 n
+0000001217 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+1276
+%%EOF
--- a/Gallery/routes_gallery_camera.imageset/Contents.json
+++ b/Gallery/routes_gallery_camera.imageset/Contents.json
@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "Vector.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
--- a/Gallery/routes_gallery_camera.imageset/Vector.pdf
+++ b/Gallery/routes_gallery_camera.imageset/Vector.pdf
@ -0,0 +1,98 @@
+%PDF-1.7
+
+1 0 obj
+  << /ExtGState << /E1 << /ca 0.540000 >> >> >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+/E1 gs
+1.000000 0.000000 -0.000000 1.000000 0.000000 0.000000 cm
+0.000000 0.000000 0.000000 scn
+6.666596 6.512928 m
+5.479297 6.512928 4.516556 5.580032 4.516556 4.428926 c
+4.516556 3.277819 5.479297 2.344787 6.666596 2.344787 c
+7.854178 2.344787 8.816635 3.277819 8.816635 4.428926 c
+8.816635 5.580032 7.854178 6.512928 6.666596 6.512928 c
+h
+11.419336 9.213226 m
+9.746202 9.213226 l
+9.556518 10.044436 8.792818 10.666504 7.878562 10.666504 c
+5.454346 10.666504 l
+4.540091 10.666504 3.776391 10.044436 3.586990 9.213226 c
+1.913855 9.213226 l
+0.856982 9.213226 0.000000 8.382841 0.000000 7.358154 c
+0.000000 1.854910 l
+0.000000 0.830223 0.856982 -0.000162 1.913855 -0.000162 c
+11.419478 -0.000162 l
+12.476352 -0.000162 13.333334 0.830223 13.333334 1.854910 c
+13.333334 7.358154 l
+13.333192 8.382841 12.476210 9.213226 11.419336 9.213226 c
+h
+6.666596 1.344833 m
+4.909393 1.344833 3.484918 2.725694 3.484918 4.428926 c
+3.484918 6.132157 4.909535 7.512881 6.666596 7.512881 c
+8.423656 7.512881 9.848274 6.132020 9.848274 4.428926 c
+9.848274 2.725557 8.423799 1.344833 6.666596 1.344833 c
+h
+11.439325 6.933274 m
+11.075835 6.933274 10.781385 7.218818 10.781385 7.571006 c
+10.781385 7.923195 11.075693 8.208739 11.439325 8.208739 c
+11.802674 8.208739 12.097266 7.923333 12.097266 7.571006 c
+12.097266 7.218818 11.802674 6.933274 11.439325 6.933274 c
+h
+f
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  1380
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 13.333344 10.666504 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000074 00000 n
+0000001510 00000 n
+0000001533 00000 n
+0000001706 00000 n
+0000001780 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+1839
+%%EOF
--- a/Gallery/routes_gallery_cell_image.imageset/Contents.json
+++ b/Gallery/routes_gallery_cell_image.imageset/Contents.json
@ -0,0 +1,12 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "image.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
--- a/Gallery/routes_gallery_cell_image.imageset/image.pdf
+++ b/Gallery/routes_gallery_cell_image.imageset/image.pdf
@ -0,0 +1,101 @@
+%PDF-1.7
+
+1 0 obj
+  << /ExtGState << /E1 << /ca 0.300000 >> >> >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+/E1 gs
+1.000000 0.000000 -0.000000 1.000000 2.667969 6.667480 cm
+0.517647 0.517647 0.517647 scn
+2.666667 26.666504 m
+1.193333 26.666504 0.000000 25.473171 0.000000 23.999838 c
+0.000000 2.666506 l
+0.000000 1.193172 1.193333 -0.000160 2.666667 -0.000160 c
+31.999998 -0.000160 l
+33.473331 -0.000160 34.666664 1.193172 34.666664 2.666506 c
+34.666664 23.999838 l
+34.666664 25.473171 33.473331 26.666504 31.999998 26.666504 c
+2.666667 26.666504 l
+h
+27.999998 22.666504 m
+29.473331 22.666504 30.666664 21.473171 30.666664 19.999838 c
+30.666664 18.526505 29.473331 17.333172 27.999998 17.333172 c
+26.526665 17.333172 25.333332 18.526505 25.333332 19.999838 c
+25.333332 21.473171 26.526665 22.666504 27.999998 22.666504 c
+h
+4.000000 19.999838 m
+10.630208 13.369630 l
+11.999999 11.999838 l
+13.541666 10.458172 l
+14.104333 9.895504 15.012854 9.900713 15.575520 10.463381 c
+16.139521 11.026047 16.139521 11.941047 15.575520 12.505047 c
+14.039062 14.038900 l
+15.999999 15.999838 l
+19.963541 12.036297 l
+22.874998 9.124838 l
+23.437666 8.562172 24.346186 8.567381 24.908854 9.130047 c
+25.472853 9.692713 25.472853 10.607714 24.908854 11.171713 c
+24.705729 11.372234 l
+26.666664 13.333172 l
+30.666664 9.333172 l
+30.666664 3.999838 l
+4.000000 3.999838 l
+4.000000 19.999838 l
+h
+f
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  1296
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 40.000000 40.000000 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000074 00000 n
+0000001426 00000 n
+0000001449 00000 n
+0000001622 00000 n
+0000001696 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+1755
+%%EOF
--- a/Gallery/routes_gallery_checkmark.imageset/Contents.json
+++ b/Gallery/routes_gallery_checkmark.imageset/Contents.json
@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "Shape.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
--- a/Gallery/routes_gallery_checkmark.imageset/Shape.pdf
+++ b/Gallery/routes_gallery_checkmark.imageset/Shape.pdf
@ -0,0 +1,79 @@
+%PDF-1.7
+
+1 0 obj
+  << >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+1.000000 0.000000 -0.000000 1.000000 0.000000 0.000000 cm
+0.400000 0.225000 0.750000 scn
+0.000000 10.000000 m
+0.000000 15.523000 4.477000 20.000000 10.000000 20.000000 c
+15.523000 20.000000 20.000000 15.523000 20.000000 10.000000 c
+20.000000 4.477000 15.523000 0.000000 10.000000 0.000000 c
+4.477000 0.000000 0.000000 4.477000 0.000000 10.000000 c
+h
+5.400000 10.153847 m
+4.000000 8.807693 l
+8.000000 5.000000 l
+16.000000 12.653847 l
+14.600000 14.000000 l
+8.000000 7.692307 l
+5.400000 10.153847 l
+h
+f*
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  535
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 20.000000 20.000000 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000034 00000 n
+0000000625 00000 n
+0000000647 00000 n
+0000000820 00000 n
+0000000894 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+953
+%%EOF
--- a/Gallery/routes_gallery_clock.imageset/Contents.json
+++ b/Gallery/routes_gallery_clock.imageset/Contents.json
@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "Shape.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
--- a/Gallery/routes_gallery_clock.imageset/Shape.pdf
+++ b/Gallery/routes_gallery_clock.imageset/Shape.pdf
@ -0,0 +1,84 @@
+%PDF-1.7
+
+1 0 obj
+  << /ExtGState << /E1 << /ca 0.540000 >> >> >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+/E1 gs
+1.000000 0.000000 -0.000000 1.000000 0.000000 0.000000 cm
+0.000000 0.000000 0.000000 scn
+5.500000 11.000000 m
+2.462250 11.000000 0.000000 8.537750 0.000000 5.500000 c
+0.000000 2.462500 2.462250 0.000000 5.500000 0.000000 c
+8.537750 0.000000 11.000000 2.462500 11.000000 5.500000 c
+11.000000 8.537750 8.537750 11.000000 5.500000 11.000000 c
+5.500000 11.000000 l
+h
+6.000000 5.339000 m
+4.875000 3.823250 l
+4.714000 3.598750 4.401500 3.547500 4.177250 3.708500 c
+3.771000 4.000000 l
+5.000000 5.661000 l
+5.000000 9.500000 l
+5.500000 9.500000 l
+5.776250 9.500000 6.000000 9.276000 6.000000 9.000000 c
+6.000000 5.339000 l
+6.000000 5.339000 l
+h
+f*
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  681
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 11.000000 11.000000 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000074 00000 n
+0000000811 00000 n
+0000000833 00000 n
+0000001006 00000 n
+0000001080 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+1139
+%%EOF
--- a/Gallery/routes_gallery_distance.imageset/Contents.json
+++ b/Gallery/routes_gallery_distance.imageset/Contents.json
@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "Union.pdf"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  },
+  "properties" : {
+    "template-rendering-intent" : "template"
+  }
+}
--- a/Gallery/routes_gallery_distance.imageset/Union.pdf
+++ b/Gallery/routes_gallery_distance.imageset/Union.pdf
@ -0,0 +1,90 @@
+%PDF-1.7
+
+1 0 obj
+  << /ExtGState << /E1 << /ca 0.540000 >> >> >>
+endobj
+
+2 0 obj
+  << /Length 3 0 R >>
+stream
+/DeviceRGB CS
+/DeviceRGB cs
+q
+/E1 gs
+1.000000 0.000000 -0.000000 1.000000 0.000000 -0.111328 cm
+0.000000 0.000000 0.000000 scn
+3.495425 5.947850 m
+3.699788 5.734469 3.692478 5.395821 3.479097 5.191458 c
+1.865900 3.646437 l
+9.775461 3.647981 l
+8.164761 5.190612 l
+7.951380 5.394975 7.944069 5.733623 8.148432 5.947003 c
+8.352795 6.160384 8.691443 6.167695 8.904823 5.963331 c
+11.478914 3.498025 l
+11.584276 3.397116 11.643857 3.257555 11.643857 3.111665 c
+11.643857 2.965775 11.584276 2.826214 11.478914 2.725305 c
+8.904823 0.259999 l
+8.691443 0.055635 8.352795 0.062946 8.148432 0.276327 c
+7.944069 0.489707 7.951380 0.828355 8.164761 1.032718 c
+9.778264 2.578033 l
+1.868090 2.576488 l
+3.479097 1.033565 l
+3.692478 0.829202 3.699788 0.490554 3.495425 0.277173 c
+3.291062 0.063792 2.952414 0.056482 2.739033 0.260845 c
+0.164943 2.726151 l
+0.059581 2.827060 0.000000 2.966622 0.000000 3.112511 c
+0.000000 3.258401 0.059581 3.397962 0.164943 3.498871 c
+2.739033 5.964178 l
+2.952414 6.168540 3.291062 6.161231 3.495425 5.947850 c
+h
+f*
+n
+Q
+
+endstream
+endobj
+
+3 0 obj
+  1035
+endobj
+
+4 0 obj
+  << /Annots []
+     /Type /Page
+     /MediaBox [ 0.000000 0.000000 11.643860 6.001465 ]
+     /Resources 1 0 R
+     /Contents 2 0 R
+     /Parent 5 0 R
+  >>
+endobj
+
+5 0 obj
+  << /Kids [ 4 0 R ]
+     /Count 1
+     /Type /Pages
+  >>
+endobj
+
+6 0 obj
+  << /Type /Catalog
+     /Pages 5 0 R
+  >>
+endobj
+
+xref
+0 7
+0000000000 65535 f
+0000000010 00000 n
+0000000074 00000 n
+0000001165 00000 n
+0000001188 00000 n
+0000001360 00000 n
+0000001434 00000 n
+trailer
+<< /ID [ (some) (id) ]
+   /Root 6 0 R
+   /Size 7
+>>
+startxref
+1493
+%%EOF
--- a/iphone/Maps/Maps.xcodeproj/project.pbxproj
+++ b/iphone/Maps/Maps.xcodeproj/project.pbxproj
@ -314,6 +314,9 @@
 		470A89FD21342A9D00D72FBF /* TutorialBlurView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470A89FC21342A9D00D72FBF /* TutorialBlurView.swift */; };
 		470A89FF2134517600D72FBF /* BookmarksTutorialBlur.xib in Resources */ = {isa = PBXBuildFile; fileRef = 470A89FE2134517600D72FBF /* BookmarksTutorialBlur.xib */; };
 		470A8A012136097000D72FBF /* SubwayTutorialBlur.xib in Resources */ = {isa = PBXBuildFile; fileRef = 470A8A002136073000D72FBF /* SubwayTutorialBlur.xib */; };
+		470B3630244E2DB400C0EA9E /* GuidesGalleryViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470B362F244E2DB400C0EA9E /* GuidesGalleryViewController.swift */; };
+		470B3632244E2DE200C0EA9E /* GuidesGalleryCityCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470B3631244E2DE200C0EA9E /* GuidesGalleryCityCell.swift */; };
+		470B3634244E2DF900C0EA9E /* GuidesGalleryOutdoorCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470B3633244E2DF900C0EA9E /* GuidesGalleryOutdoorCell.swift */; };
 		470F0B7D238842EA006AEC94 /* ExpandableLabel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470F0B7C238842EA006AEC94 /* ExpandableLabel.swift */; };
 		470F0B7F2388431E006AEC94 /* StarRatingView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470F0B7E2388431E006AEC94 /* StarRatingView.swift */; };
 		470F5A5B2181DE7500754295 /* PaidRouteViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 470F5A592181DE7400754295 /* PaidRouteViewController.swift */; };
@ -345,9 +348,13 @@
 		473CBF9B2164DD470059BD54 /* SettingsTableViewSelectableProgressCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 473CBF9A2164DD470059BD54 /* SettingsTableViewSelectableProgressCell.swift */; };
 		4740184323F5BDE800A93C81 /* minizip.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 4740184123F5BDD300A93C81 /* minizip.framework */; };
 		4740184423F5BDE900A93C81 /* minizip.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 4740184123F5BDD300A93C81 /* minizip.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		4747045424622EF0006E51E9 /* GuidesGalleryStyleSheet.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4747045324622EF0006E51E9 /* GuidesGalleryStyleSheet.swift */; };
 		474AC76C2139E4F2002F9BF9 /* RemoveAdsViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 474AC76A2139E4F2002F9BF9 /* RemoveAdsViewController.swift */; };
 		474AC76D2139E4F2002F9BF9 /* RemoveAdsViewController.xib in Resources */ = {isa = PBXBuildFile; fileRef = 474AC76B2139E4F2002F9BF9 /* RemoveAdsViewController.xib */; };
 		474C9F5A213FF75800369009 /* StoreKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 474C9F59213FF75800369009 /* StoreKit.framework */; };
+		475EC36D244EDE66003BC295 /* GuidesGalleryPresenter.swift in Sources */ = {isa = PBXBuildFile; fileRef = 475EC36C244EDE66003BC295 /* GuidesGalleryPresenter.swift */; };
+		475EC36F244EF7A9003BC295 /* GuidesGalleryBuilder.swift in Sources */ = {isa = PBXBuildFile; fileRef = 475EC36E244EF7A9003BC295 /* GuidesGalleryBuilder.swift */; };
+		475EC373244F0992003BC295 /* PlacePageGalleryLayout.swift in Sources */ = {isa = PBXBuildFile; fileRef = 475EC372244F0992003BC295 /* PlacePageGalleryLayout.swift */; };
 		4767CD9F20AAD48A00BD8166 /* Checkmark.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4767CD9E20AAD48A00BD8166 /* Checkmark.swift */; };
 		4767CDA420AAF66B00BD8166 /* NSAttributedString+HTML.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4767CDA320AAF66B00BD8166 /* NSAttributedString+HTML.swift */; };
 		4767CDA620AB1F6200BD8166 /* LeftAlignedIconButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4767CDA520AB1F6200BD8166 /* LeftAlignedIconButton.swift */; };
@ -1415,6 +1422,9 @@
 		470A89FC21342A9D00D72FBF /* TutorialBlurView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TutorialBlurView.swift; sourceTree = "<group>"; };
 		470A89FE2134517600D72FBF /* BookmarksTutorialBlur.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = BookmarksTutorialBlur.xib; sourceTree = "<group>"; };
 		470A8A002136073000D72FBF /* SubwayTutorialBlur.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = SubwayTutorialBlur.xib; sourceTree = "<group>"; };
+		470B362F244E2DB400C0EA9E /* GuidesGalleryViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryViewController.swift; sourceTree = "<group>"; };
+		470B3631244E2DE200C0EA9E /* GuidesGalleryCityCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryCityCell.swift; sourceTree = "<group>"; };
+		470B3633244E2DF900C0EA9E /* GuidesGalleryOutdoorCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryOutdoorCell.swift; sourceTree = "<group>"; };
 		470F0B7C238842EA006AEC94 /* ExpandableLabel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ExpandableLabel.swift; sourceTree = "<group>"; };
 		470F0B7E2388431E006AEC94 /* StarRatingView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = StarRatingView.swift; sourceTree = "<group>"; };
 		470F5A592181DE7400754295 /* PaidRouteViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaidRouteViewController.swift; sourceTree = "<group>"; };
@ -1450,11 +1460,15 @@
 		4738A8E8239FC526007C0F43 /* AdBannerView.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = AdBannerView.xib; sourceTree = "<group>"; };
 		473CBF9A2164DD470059BD54 /* SettingsTableViewSelectableProgressCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SettingsTableViewSelectableProgressCell.swift; sourceTree = "<group>"; };
 		4740184123F5BDD300A93C81 /* minizip.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; path = minizip.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		4747045324622EF0006E51E9 /* GuidesGalleryStyleSheet.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryStyleSheet.swift; sourceTree = "<group>"; };
 		474902D8224A54EC008D71E0 /* MWMRoutingOptions.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = MWMRoutingOptions.h; sourceTree = "<group>"; };
 		474902D9224A54EC008D71E0 /* MWMRoutingOptions.mm */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.cpp.objcpp; path = MWMRoutingOptions.mm; sourceTree = "<group>"; };
 		474AC76A2139E4F2002F9BF9 /* RemoveAdsViewController.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RemoveAdsViewController.swift; sourceTree = "<group>"; };
 		474AC76B2139E4F2002F9BF9 /* RemoveAdsViewController.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = RemoveAdsViewController.xib; sourceTree = "<group>"; };
 		474C9F59213FF75800369009 /* StoreKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = StoreKit.framework; path = System/Library/Frameworks/StoreKit.framework; sourceTree = SDKROOT; };
+		475EC36C244EDE66003BC295 /* GuidesGalleryPresenter.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryPresenter.swift; sourceTree = "<group>"; };
+		475EC36E244EF7A9003BC295 /* GuidesGalleryBuilder.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GuidesGalleryBuilder.swift; sourceTree = "<group>"; };
+		475EC372244F0992003BC295 /* PlacePageGalleryLayout.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PlacePageGalleryLayout.swift; sourceTree = "<group>"; };
 		4767CD9E20AAD48A00BD8166 /* Checkmark.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Checkmark.swift; sourceTree = "<group>"; };
 		4767CDA320AAF66B00BD8166 /* NSAttributedString+HTML.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "NSAttributedString+HTML.swift"; sourceTree = "<group>"; };
 		4767CDA520AB1F6200BD8166 /* LeftAlignedIconButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LeftAlignedIconButton.swift; sourceTree = "<group>"; };
@ -3382,6 +3396,18 @@
 			path = Promo;
 			sourceTree = "<group>";
 		};
+		470B362E244E2D7600C0EA9E /* GuidesGallery */ = {
+			isa = PBXGroup;
+			children = (
+				470B362F244E2DB400C0EA9E /* GuidesGalleryViewController.swift */,
+				470B3631244E2DE200C0EA9E /* GuidesGalleryCityCell.swift */,
+				470B3633244E2DF900C0EA9E /* GuidesGalleryOutdoorCell.swift */,
+				475EC36C244EDE66003BC295 /* GuidesGalleryPresenter.swift */,
+				475EC36E244EF7A9003BC295 /* GuidesGalleryBuilder.swift */,
+			);
+			path = GuidesGallery;
+			sourceTree = "<group>";
+		};
 		470F0B7B238842AD006AEC94 /* Views */ = {
 			isa = PBXGroup;
 			children = (
@ -3768,6 +3794,7 @@
 				999FC12A23ABB4B800B0E6F9 /* FontStyleSheet.swift */,
 				99A614D423C8911A00D8D8D0 /* AuthStyleSheet.swift */,
 				3DBD7BE32425015C00ED9FE8 /* ParntersStyleSheet.swift */,
+				4747045324622EF0006E51E9 /* GuidesGalleryStyleSheet.swift */,
 			);
 			path = Theme;
 			sourceTree = "<group>";
@ -3873,6 +3900,7 @@
 				99C964222428C0D500E41723 /* PlacePageHeader */,
 				993DF0C223F6BD0600AC231A /* ElevationDetails */,
 				99DEF9D523E420D2006BFD21 /* ElevationProfile */,
+				470B362E244E2D7600C0EA9E /* GuidesGallery */,
 			);
 			path = Components;
 			sourceTree = "<group>";
@ -3883,6 +3911,7 @@
 				99C6532123F2F506004322F3 /* IPlacePageLayout.swift */,
 				99F3EB0223F4178200C713F8 /* PlacePageCommonLayout.swift */,
 				993DF0B423F6B2EF00AC231A /* PlacePageElevationLayout.swift */,
+				475EC372244F0992003BC295 /* PlacePageGalleryLayout.swift */,
 			);
 			path = Layouts;
 			sourceTree = "<group>";
@ -5550,10 +5579,12 @@
 				47C8789022DF525A00A772DA /* SubscriptionSuccessViewController.swift in Sources */,
 				47CF2E6123BA090400D11C30 /* FacilitiesController.swift in Sources */,
 				3462258F1DDC5DBA001E8752 /* MWMSearchNoResultsAlert.mm in Sources */,
+				475EC36F244EF7A9003BC295 /* GuidesGalleryBuilder.swift in Sources */,
 				470F5A7D2189BB2F00754295 /* PaidRoutePurchase.swift in Sources */,
 				99A906E323F6F7030005872B /* HotelPhotosViewController.swift in Sources */,
 				34AB66171FC5AA320078E451 /* MWMiPhoneRoutePreview.m in Sources */,
 				99A906EA23F6F7030005872B /* PlacePageInfoViewController.swift in Sources */,
+				470B3634244E2DF900C0EA9E /* GuidesGalleryOutdoorCell.swift in Sources */,
 				47E6688A23196F0100057733 /* UIViewController+Subscription.swift in Sources */,
 				993DF11723F6BDB100AC231A /* UINavigationBarRenderer.swift in Sources */,
 				6741A9E71BF340DE002C974C /* MWMCircularProgressView.m in Sources */,
@ -5618,6 +5649,7 @@
 				34AB66111FC5AA320078E451 /* NavigationTurnsView.swift in Sources */,
 				348A8DF81F66775A00D83026 /* RatingViewDelegate.swift in Sources */,
 				4716EABA21A325310029B886 /* IPaidRouteStatistics.swift in Sources */,
+				475EC36D244EDE66003BC295 /* GuidesGalleryPresenter.swift in Sources */,
 				3490D2E11CE9DD2500D0B838 /* MWMSideButtonsView.mm in Sources */,
 				47F4F21523A6F06F0022FD56 /* AvailableMapsDataSource.swift in Sources */,
 				99012852244732DB00C72B10 /* BottomTabBarBuilder.swift in Sources */,
@ -5736,6 +5768,7 @@
 				CDCA2743223F8D1E00167D87 /* ListItemInfo.swift in Sources */,
 				B32FE74020D2844600EF7446 /* DownloadedBookmarksViewController.swift in Sources */,
 				340416541E7C09C200E2B6D6 /* PhotoScalingView.swift in Sources */,
+				475EC373244F0992003BC295 /* PlacePageGalleryLayout.swift in Sources */,
 				99A906EF23F6F73D0005872B /* StarRatingViewRenderer.swift in Sources */,
 				478F6FA823C5067C00054A53 /* MyReviewView.swift in Sources */,
 				993DF11F23F6BDB100AC231A /* UITableViewCellRenderer.swift in Sources */,
@ -5789,6 +5822,7 @@
 				33046832219C57180041F3A8 /* CategorySettingsViewController.swift in Sources */,
 				9917D17D2396793A00A7E06E /* PaidRoutesSubscriptionCampaign.swift in Sources */,
 				3404165C1E7C29AE00E2B6D6 /* PhotosInteractionAnimator.swift in Sources */,
+				470B3630244E2DB400C0EA9E /* GuidesGalleryViewController.swift in Sources */,
 				993F550E237C622700545511 /* DeepLinkCataloguePathStrategy.swift in Sources */,
 				3404756E1E081A4600C92850 /* MWMSearch.mm in Sources */,
 				6741AA191BF340DE002C974C /* MWMDownloaderDialogCell.m in Sources */,
@ -5811,10 +5845,12 @@
 				346B42AC1DD5E3D20094EBEE /* MWMLocationNotFoundAlert.mm in Sources */,
 				340475091E08199E00C92850 /* MWMMyTarget.mm in Sources */,
 				340416501E7C086000E2B6D6 /* PhotoViewController.swift in Sources */,
+				470B3632244E2DE200C0EA9E /* GuidesGalleryCityCell.swift in Sources */,
 				993DF0C923F6BD0600AC231A /* ElevationDetailsBuilder.swift in Sources */,
 				674A7E301C0DB10B003D48E1 /* MWMMapWidgets.mm in Sources */,
 				34AB66291FC5AA330078E451 /* RouteManagerViewController.swift in Sources */,
 				33B19C65218B46C100B323A7 /* SharingTagsViewController.swift in Sources */,
+				4747045424622EF0006E51E9 /* GuidesGalleryStyleSheet.swift in Sources */,
 				3404754D1E081A4600C92850 /* MWMKeyboard.m in Sources */,
 				993DF10C23F6BDB100AC231A /* MWMTableViewCellRenderer.swift in Sources */,
 				3457C4261F680F1900028233 /* String+BoundingRect.swift in Sources */,
--- a/iphone/Maps/UI/PlacePage/Components/ElevationProfile/ElevationProfilePresenter.swift
+++ b/iphone/Maps/UI/PlacePage/Components/ElevationProfile/ElevationProfilePresenter.swift
@ -224,9 +224,10 @@ extension ElevationProfileChartData: IChartData {
  }
 }

-fileprivate struct ChartFormatter: IFormatter {
+struct ChartFormatter: IFormatter {
  private let distanceFormatter: MKDistanceFormatter
  private let altFormatter: MeasurementFormatter
+  private let timeFormatter: DateComponentsFormatter
  private let imperial: Bool

  init(imperial: Bool) {
@ -238,6 +239,11 @@ fileprivate struct ChartFormatter: IFormatter {

    altFormatter = MeasurementFormatter()
    altFormatter.unitOptions = [.providedUnit]
+
+    timeFormatter = DateComponentsFormatter()
+    timeFormatter.allowedUnits = [.day, .hour, .minute]
+    timeFormatter.unitsStyle = .abbreviated
+    timeFormatter.maximumUnitCount = 2
  }

  func distanceString(from value: Double) -> String {
@ -249,4 +255,8 @@ fileprivate struct ChartFormatter: IFormatter {
    let measurement = Measurement(value: alt.rounded(), unit: imperial ? UnitLength.feet : UnitLength.meters)
    return altFormatter.string(from: measurement)
  }
+
+  func timeString(from value: Double) -> String {
+    timeFormatter.string(from: value) ?? ""
+  }
 }
--- a/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryBuilder.swift
+++ b/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryBuilder.swift
@ -0,0 +1,15 @@
+@objc(MWMGuidesGalleryBuilder)
+final class GuidesGalleryBuilder: NSObject {
+  @objc static func build() -> GuidesGalleryViewController {
+    let placePageData = PlacePageData(localizationProvider: OpeinigHoursLocalization())
+    guard let guidesGalleryData = placePageData.guidesGalleryData else {
+      fatalError()
+    }
+
+    let storyboard = UIStoryboard.instance(.placePage)
+    let viewController = storyboard.instantiateViewController(ofType: GuidesGalleryViewController.self);
+    let presenter = GuidesGalleryPresenter(view: viewController, guidesGallery: guidesGalleryData)
+    viewController.presenter = presenter
+    return viewController
+  }
+}
--- a/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryCityCell.swift
+++ b/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryCityCell.swift
@ -0,0 +1,38 @@
+import UIKit
+
+final class GuidesGalleryCityCell: UICollectionViewCell {
+  @IBOutlet private var imageView: UIImageView!
+  @IBOutlet private var checkmarkImageView: UIImageView!
+  @IBOutlet private var titleLabel: UILabel!
+  @IBOutlet private var subtitleLabel: UILabel!
+  @IBOutlet private var infoLabel: UILabel!
+  @IBOutlet private var infoContainerView: UIView!
+  @IBOutlet private var buttonContainerView: UIView!
+
+  func config(_ item: IGuidesGalleryCityItemViewModel) {
+    if let imageUrl = item.imageUrl {
+      imageView.wi_setImage(with: imageUrl, transitionDuration: 0) { [weak self] (image, error) in
+        guard let _ = image else { return }
+        self?.imageView.contentMode = .scaleAspectFill
+      }
+    }
+    titleLabel.text = item.title
+    subtitleLabel.text = item.subtitle
+    if !item.downloaded {
+      infoLabel.text = item.info
+    }
+    infoContainerView.isHidden = item.downloaded
+    buttonContainerView.isHidden = !item.downloaded
+    checkmarkImageView.isHidden = !item.downloaded
+  }
+
+  override func prepareForReuse() {
+    super.prepareForReuse()
+    imageView.wi_cancelImageRequest()
+    imageView.image = UIImage(named: "routes_gallery_cell_image")
+    imageView.contentMode = .center
+    titleLabel.text = nil
+    subtitleLabel.text = nil
+    infoLabel.text = nil
+  }
+}
--- a/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryOutdoorCell.swift
+++ b/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryOutdoorCell.swift
@ -0,0 +1,52 @@
+import UIKit
+
+final class GuidesGalleryOutdoorCell: UICollectionViewCell {
+  @IBOutlet private var imageView: UIImageView!
+  @IBOutlet private var checkmarkImageView: UIImageView!
+  @IBOutlet private var titleLabel: UILabel!
+  @IBOutlet private var subtitleLabel: UILabel!
+  @IBOutlet private var timeLabel: UILabel!
+  @IBOutlet private var timeIcon: UIImageView!
+  @IBOutlet private var distanceLabel: UILabel!
+  @IBOutlet private var ascentLabel: UILabel!
+  @IBOutlet private var infoContainerView: UIView!
+  @IBOutlet private var buttonContainerView: UIView!
+
+  func config(_ item: IGuidesGalleryOutdoorItemViewModel) {
+    if let imageUrl = item.imageUrl {
+      imageView.wi_setImage(with: imageUrl, transitionDuration: 0) { [weak self] (image, error) in
+        guard let _ = image else { return }
+        self?.imageView.contentMode = .scaleAspectFill
+      }
+    }
+    titleLabel.text = item.title
+    subtitleLabel.text = item.subtitle
+    if !item.downloaded {
+      if let duration = item.duration {
+        timeLabel.text = duration
+      } else {
+        timeLabel.isHidden = true
+        timeIcon.isHidden = true
+      }
+      distanceLabel.text = item.distance
+      ascentLabel.text = item.ascent
+    }
+    infoContainerView.isHidden = item.downloaded
+    buttonContainerView.isHidden = !item.downloaded
+    checkmarkImageView.isHidden = !item.downloaded
+  }
+
+  override func prepareForReuse() {
+    super.prepareForReuse()
+    imageView.wi_cancelImageRequest()
+    imageView.image = UIImage(named: "routes_gallery_cell_image")
+    imageView.contentMode = .center
+    titleLabel.text = nil
+    subtitleLabel.text = nil
+    timeLabel.text = nil
+    timeLabel.isHidden = false
+    timeIcon.isHidden = false
+    distanceLabel.text = nil
+    ascentLabel.text = nil
+  }
+}
--- a/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryPresenter.swift
+++ b/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryPresenter.swift
@ -0,0 +1,86 @@
+import Foundation
+
+protocol IGuidesGalleryPresenter {
+  func viewDidLoad()
+  func selectItemAtIndex(_ index: Int)
+}
+
+final class GuidesGalleryPresenter {
+  private weak var view: IGuidesGalleryView?
+  private var guidesGallery: GuidesGalleryData
+  private let formatter = ChartFormatter(imperial: Settings.measurementUnits() == .imperial)
+
+  init(view: IGuidesGalleryView, guidesGallery: GuidesGalleryData) {
+    self.view = view
+    self.guidesGallery = guidesGallery
+  }
+
+  private func makeViewModel(_ item: GuidesGalleryItem) -> IGuidesGalleryItemViewModel {
+    switch item {
+    case let cityItem as CityGalleryItem:
+      return makeCityItemViewModel(cityItem)
+    case let outdoorItem as OutdoorGalleryItem:
+      return makeOutdoorItemViewModel(outdoorItem)
+    default:
+      fatalError("Unexpected item type \(item)")
+    }
+  }
+
+  private func makeCityItemViewModel(_ item: CityGalleryItem) -> IGuidesGalleryCityItemViewModel {
+    GalleryCityItemViewModel(item)
+  }
+
+  private func makeOutdoorItemViewModel(_ item: OutdoorGalleryItem) -> IGuidesGalleryOutdoorItemViewModel {
+    GalleryOutdoorItemViewModel(item, formatter: formatter)
+  }
+}
+
+extension GuidesGalleryPresenter: IGuidesGalleryPresenter {
+  func viewDidLoad() {
+    view?.setGalleryItems(guidesGallery.galleryItems.map({ makeViewModel($0) }))
+  }
+
+  func selectItemAtIndex(_ index: Int) {
+
+  }
+}
+
+fileprivate struct GalleryCityItemViewModel: IGuidesGalleryCityItemViewModel {
+  var title: String
+  var subtitle: String
+  var imageUrl: URL?
+  var downloaded: Bool
+  var info: String
+
+  init(_ item: CityGalleryItem) {
+    title = item.title
+    subtitle = item.hasTrack ? L("routes_card_routes_tag") : L("routes_card_set_tag")
+    imageUrl = URL(string: item.imageUrl)
+    downloaded = item.downloaded
+    var infoString = String(coreFormat: "routes_card_number_of_points", arguments: [item.bookmarksCount])
+    if item.hasTrack {
+      infoString.append(" \(L("routes_card_plus_track"))")
+    }
+    info = infoString
+  }
+}
+
+fileprivate struct GalleryOutdoorItemViewModel: IGuidesGalleryOutdoorItemViewModel {
+  var title: String
+  var subtitle: String
+  var imageUrl: URL?
+  var downloaded: Bool
+  var distance: String
+  var duration: String?
+  var ascent: String
+
+  init(_ item: OutdoorGalleryItem, formatter: ChartFormatter) {
+    title = item.title
+    subtitle = item.tag
+    imageUrl = URL(string: item.imageUrl)
+    downloaded = item.downloaded
+    duration = item.duration > 0 ? formatter.timeString(from: Double(item.duration)) : nil
+    distance = formatter.distanceString(from: item.distance)
+    ascent = formatter.altitudeString(from: Double(item.ascent))
+  }
+}
--- a/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryViewController.swift
+++ b/iphone/Maps/UI/PlacePage/Components/GuidesGallery/GuidesGalleryViewController.swift
@ -0,0 +1,145 @@
+import UIKit
+
+protocol IGuidesGalleryView: AnyObject {
+  func setGalleryItems(_ items: [IGuidesGalleryItemViewModel])
+}
+
+protocol IGuidesGalleryItemViewModel {
+  var title: String { get }
+  var subtitle: String { get }
+  var imageUrl: URL? { get }
+  var downloaded: Bool { get }
+}
+
+protocol IGuidesGalleryCityItemViewModel: IGuidesGalleryItemViewModel {
+  var info: String { get }
+}
+
+protocol IGuidesGalleryOutdoorItemViewModel: IGuidesGalleryItemViewModel {
+  var distance: String { get }
+  var duration: String? { get }
+  var ascent: String { get }
+}
+
+final class GuidesGalleryViewController: UIViewController {
+  @IBOutlet private var collectionView: UICollectionView!
+  var presenter: IGuidesGalleryPresenter?
+  private var galleryItems: [IGuidesGalleryItemViewModel] = []
+  private var selectedIndex = 0
+
+  override func viewDidLoad() {
+    super.viewDidLoad()
+
+    let layout = RoutesGalleryLayout()
+    layout.onScrollToItem = { [weak self] index in
+      guard let self = self, self.selectedIndex != index else { return }
+      self.presenter?.selectItemAtIndex(index)
+      self.selectedIndex = index
+    }
+    collectionView.collectionViewLayout = layout
+    collectionView.decelerationRate = .fast
+    presenter?.viewDidLoad()
+  }
+
+  private func applyTransform() {
+    guard let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
+    let pageWidth = layout.itemSize.width + layout.minimumLineSpacing
+    for cell in collectionView.visibleCells {
+      let cellX = cell.convert(.zero, to: view).x
+      let distance = abs(layout.sectionInset.left - cellX)
+      let scale = max(1 - distance / pageWidth, 0)
+      cell.transform = CGAffineTransform(translationX: 0, y: -8 * scale)
+    }
+  }
+}
+
+extension GuidesGalleryViewController: UICollectionViewDataSource {
+  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+    galleryItems.count
+  }
+
+  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+    let galleryItem = galleryItems[indexPath.item]
+    switch galleryItem {
+    case let cityGalleryItem as IGuidesGalleryCityItemViewModel:
+      let cityCell = collectionView.dequeueReusableCell(cell: GuidesGalleryCityCell.self, indexPath: indexPath)
+      cityCell.config(cityGalleryItem)
+      return cityCell
+    case let outdoorGalleryItem as IGuidesGalleryOutdoorItemViewModel:
+      let outdoorCell = collectionView.dequeueReusableCell(cell: GuidesGalleryOutdoorCell.self, indexPath: indexPath)
+      outdoorCell.config(outdoorGalleryItem)
+      return outdoorCell
+    default:
+      fatalError("Unexpected item type \(galleryItem)")
+    }
+  }
+}
+
+extension GuidesGalleryViewController: UICollectionViewDelegate {
+  func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+    presenter?.selectItemAtIndex(indexPath.item)
+  }
+
+  func scrollViewDidScroll(_ scrollView: UIScrollView) {
+    applyTransform()
+  }
+}
+
+extension GuidesGalleryViewController: IGuidesGalleryView {
+  func setGalleryItems(_ items: [IGuidesGalleryItemViewModel]) {
+    galleryItems = items
+    collectionView.reloadData()
+    collectionView.performBatchUpdates({
+
+    }) { [weak self] _ in
+      self?.applyTransform()
+    }
+  }
+}
+
+fileprivate final class RoutesGalleryLayout: UICollectionViewFlowLayout {
+  typealias OnScrollToItemClosure = (Int) -> Void
+  var onScrollToItem: OnScrollToItemClosure?
+
+  override func prepare() {
+    super.prepare()
+
+    guard let collectionView = collectionView else { return }
+    let availableWidth = collectionView.bounds.width
+    let itemWidth = min(availableWidth - 48, 366)
+    itemSize = CGSize(width: itemWidth, height: 120)
+    sectionInset = UIEdgeInsets(top: 16, left: 16, bottom: 16, right: 16)
+    collectionView.contentInset = UIEdgeInsets(top: 0,
+                                               left: 0,
+                                               bottom: 0,
+                                               right: availableWidth - itemWidth - sectionInset.left - sectionInset.right)
+    scrollDirection = .horizontal
+    minimumLineSpacing = 8
+    minimumInteritemSpacing = 8
+  }
+
+  override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
+    true
+  }
+
+  override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint) -> CGPoint {
+    targetContentOffset(forProposedContentOffset: proposedContentOffset, withScrollingVelocity: .zero)
+  }
+
+  override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint,
+                                    withScrollingVelocity velocity: CGPoint) -> CGPoint {
+    guard let x = collectionView?.contentOffset.x else { return proposedContentOffset }
+    let pageWidth = itemSize.width + minimumLineSpacing
+    let index = x / pageWidth
+    let adjustedIndex: CGFloat
+    if velocity.x < 0 {
+      adjustedIndex = floor(index)
+    } else if velocity.x > 0 {
+      adjustedIndex = ceil(index)
+    } else {
+      adjustedIndex = round(index)
+    }
+    onScrollToItem?(Int(adjustedIndex))
+    return CGPoint(x: adjustedIndex * pageWidth, y: 0)
+  }
+}
--- a/iphone/Maps/UI/PlacePage/PlacePage.storyboard
+++ b/iphone/Maps/UI/PlacePage/PlacePage.storyboard
@ -3375,6 +3375,500 @@
            </objects>
            <point key="canvasLocation" x="928.79999999999995" y="-1147.3763118440781"/>
        </scene>
+        <!--Guides Gallery View Controller-->
+        <scene sceneID="0ZD-nj-cbT">
+            <objects>
+                <viewController storyboardIdentifier="GuidesGalleryViewController" id="lVR-09-5LZ" customClass="GuidesGalleryViewController" customModule="maps_me" customModuleProvider="target" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="g81-bI-Lrh">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="152"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" bounces="NO" showsHorizontalScrollIndicator="NO" showsVerticalScrollIndicator="NO" bouncesZoom="NO" dataMode="prototypes" translatesAutoresizingMaskIntoConstraints="NO" id="Ubv-e0-czx">
+                                <rect key="frame" x="0.0" y="0.0" width="375" height="152"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <collectionViewFlowLayout key="collectionViewLayout" scrollDirection="horizontal" minimumLineSpacing="8" minimumInteritemSpacing="8" id="QuD-Fa-kTd">
+                                    <size key="itemSize" width="318" height="120"/>
+                                    <size key="headerReferenceSize" width="0.0" height="0.0"/>
+                                    <size key="footerReferenceSize" width="0.0" height="0.0"/>
+                                    <inset key="sectionInset" minX="16" minY="16" maxX="16" maxY="16"/>
+                                </collectionViewFlowLayout>
+                                <cells>
+                                    <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" reuseIdentifier="GuidesGalleryCityCell" id="vXV-CJ-9mO" customClass="GuidesGalleryCityCell" customModule="maps_me" customModuleProvider="target">
+                                        <rect key="frame" x="16" y="16" width="343" height="120"/>
+                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                        <collectionViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO" id="SjY-63-Gvr">
+                                            <rect key="frame" x="0.0" y="0.0" width="343" height="120"/>
+                                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                            <subviews>
+                                                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="center" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_cell_image" translatesAutoresizingMaskIntoConstraints="NO" id="XtI-ik-JUp">
+                                                    <rect key="frame" x="8" y="8" width="104" height="104"/>
+                                                    <constraints>
+                                                        <constraint firstAttribute="width" secondItem="XtI-ik-JUp" secondAttribute="height" multiplier="1:1" id="Eu8-Hh-g6q"/>
+                                                    </constraints>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCellImage"/>
+                                                    </userDefinedRuntimeAttributes>
+                                                </imageView>
+                                                <imageView hidden="YES" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_checkmark" translatesAutoresizingMaskIntoConstraints="NO" id="OMX-6l-b7h">
+                                                    <rect key="frame" x="14" y="14" width="20" height="20"/>
+                                                    <color key="tintColor" systemColor="systemPurpleColor" red="0.68627450980000004" green="0.32156862749999998" blue="0.87058823529999996" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCityCheck"/>
+                                                    </userDefinedRuntimeAttributes>
+                                                </imageView>
+                                                <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" translatesAutoresizingMaskIntoConstraints="NO" id="ohu-tQ-2ok">
+                                                    <rect key="frame" x="120" y="8" width="215" height="104"/>
+                                                    <subviews>
+                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="My 5-days route to the USA, California" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="IHh-ww-fGs">
+                                                            <rect key="frame" x="0.0" y="0.0" width="215" height="41"/>
+                                                            <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="16"/>
+                                                            <nil key="textColor"/>
+                                                            <nil key="highlightedColor"/>
+                                                            <userDefinedRuntimeAttributes>
+                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold16:blackPrimaryText"/>
+                                                            </userDefinedRuntimeAttributes>
+                                                        </label>
+                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="w8C-Zy-oyf">
+                                                            <rect key="frame" x="0.0" y="41" width="215" height="32"/>
+                                                            <subviews>
+                                                                <stackView opaque="NO" contentMode="scaleToFill" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="gGp-f7-HaL">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="215" height="32"/>
+                                                                    <subviews>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="City" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="8Ug-t9-L7j">
+                                                                            <rect key="frame" x="0.0" y="0.0" width="22.5" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" systemColor="systemPurpleColor" red="0.68627450980000004" green="0.32156862749999998" blue="0.87058823529999996" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCityLabel"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="∙" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="lCN-Tf-x2U">
+                                                                            <rect key="frame" x="26.5" y="0.0" width="6" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="regular12:blackSecondaryText"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="Bookmark's Collection" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="DJM-1n-xZk">
+                                                                            <rect key="frame" x="36.5" y="0.0" width="178.5" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="regular12:blackSecondaryText"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                    </subviews>
+                                                                </stackView>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstItem="gGp-f7-HaL" firstAttribute="top" secondItem="w8C-Zy-oyf" secondAttribute="top" id="Asm-ix-WST"/>
+                                                                <constraint firstItem="gGp-f7-HaL" firstAttribute="leading" secondItem="w8C-Zy-oyf" secondAttribute="leading" id="Dtz-dL-X5b"/>
+                                                                <constraint firstAttribute="height" constant="32" id="bJw-Rc-VJ8"/>
+                                                                <constraint firstAttribute="trailing" secondItem="gGp-f7-HaL" secondAttribute="trailing" id="lyV-al-vnf"/>
+                                                                <constraint firstAttribute="bottom" secondItem="gGp-f7-HaL" secondAttribute="bottom" id="p5u-AU-Sru"/>
+                                                            </constraints>
+                                                        </view>
+                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="NhM-dQ-cOB">
+                                                            <rect key="frame" x="0.0" y="73" width="215" height="31"/>
+                                                            <subviews>
+                                                                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="A2W-tc-fol">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="215" height="1"/>
+                                                                    <color key="backgroundColor" systemColor="separatorColor" red="0.23529411759999999" green="0.23529411759999999" blue="0.26274509800000001" alpha="0.28999999999999998" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <constraints>
+                                                                        <constraint firstAttribute="height" constant="1" id="n4e-mV-o9p"/>
+                                                                    </constraints>
+                                                                    <userDefinedRuntimeAttributes>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="Divider"/>
+                                                                    </userDefinedRuntimeAttributes>
+                                                                </view>
+                                                                <stackView opaque="NO" contentMode="scaleToFill" spacing="8" translatesAutoresizingMaskIntoConstraints="NO" id="EHt-wj-tiU">
+                                                                    <rect key="frame" x="0.0" y="7" width="215" height="24"/>
+                                                                    <subviews>
+                                                                        <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_camera" translatesAutoresizingMaskIntoConstraints="NO" id="jGA-UT-BvR">
+                                                                            <rect key="frame" x="0.0" y="0.0" width="14" height="24"/>
+                                                                            <color key="tintColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="MWMBlack"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </imageView>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="14 points + Track " textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="T92-vb-Iw2">
+                                                                            <rect key="frame" x="22" y="0.0" width="193" height="24"/>
+                                                                            <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="12"/>
+                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold12:blackSecondaryText"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                    </subviews>
+                                                                </stackView>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstItem="A2W-tc-fol" firstAttribute="top" secondItem="NhM-dQ-cOB" secondAttribute="top" id="0E1-A4-0rE"/>
+                                                                <constraint firstAttribute="height" constant="31" id="8Xr-JL-Ku5"/>
+                                                                <constraint firstItem="A2W-tc-fol" firstAttribute="leading" secondItem="NhM-dQ-cOB" secondAttribute="leading" id="EbI-Cj-fcl"/>
+                                                                <constraint firstAttribute="trailing" secondItem="A2W-tc-fol" secondAttribute="trailing" id="VV6-wX-Iv3"/>
+                                                                <constraint firstItem="EHt-wj-tiU" firstAttribute="top" secondItem="A2W-tc-fol" secondAttribute="bottom" constant="6" id="XSj-il-aWr"/>
+                                                                <constraint firstItem="EHt-wj-tiU" firstAttribute="leading" secondItem="NhM-dQ-cOB" secondAttribute="leading" id="Xab-P2-58g"/>
+                                                                <constraint firstAttribute="bottom" secondItem="EHt-wj-tiU" secondAttribute="bottom" id="ZkR-0D-1gN"/>
+                                                                <constraint firstAttribute="trailing" secondItem="EHt-wj-tiU" secondAttribute="trailing" id="ubn-fG-rD1"/>
+                                                            </constraints>
+                                                        </view>
+                                                        <view hidden="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="I2M-Ix-XO6">
+                                                            <rect key="frame" x="0.0" y="104" width="215" height="31"/>
+                                                            <subviews>
+                                                                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="6nH-8K-eby">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="213" height="29"/>
+                                                                    <color key="backgroundColor" white="0.66666666669999997" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                    <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="14"/>
+                                                                    <state key="normal" title="Show">
+                                                                        <color key="titleColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                    </state>
+                                                                    <userDefinedRuntimeAttributes>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryShowButton"/>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="localizedText" value="routes_card_show"/>
+                                                                    </userDefinedRuntimeAttributes>
+                                                                </button>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstAttribute="height" constant="31" id="LCX-jd-j54"/>
+                                                                <constraint firstAttribute="trailing" secondItem="6nH-8K-eby" secondAttribute="trailing" constant="2" id="bvl-NJ-Ywx"/>
+                                                                <constraint firstItem="6nH-8K-eby" firstAttribute="top" secondItem="I2M-Ix-XO6" secondAttribute="top" id="e4f-gB-rgy"/>
+                                                                <constraint firstItem="6nH-8K-eby" firstAttribute="leading" secondItem="I2M-Ix-XO6" secondAttribute="leading" id="nN6-9w-meZ"/>
+                                                                <constraint firstAttribute="bottom" secondItem="6nH-8K-eby" secondAttribute="bottom" constant="2" id="uty-dM-9dY"/>
+                                                            </constraints>
+                                                        </view>
+                                                    </subviews>
+                                                </stackView>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstItem="ohu-tQ-2ok" firstAttribute="top" secondItem="SjY-63-Gvr" secondAttribute="top" constant="8" id="2NR-KC-dk4"/>
+                                                <constraint firstItem="ohu-tQ-2ok" firstAttribute="leading" secondItem="XtI-ik-JUp" secondAttribute="trailing" constant="8" id="A8v-bF-QFC"/>
+                                                <constraint firstAttribute="bottom" secondItem="XtI-ik-JUp" secondAttribute="bottom" constant="8" id="Ii8-9B-ujx"/>
+                                                <constraint firstItem="XtI-ik-JUp" firstAttribute="leading" secondItem="SjY-63-Gvr" secondAttribute="leading" constant="8" id="WTW-J9-qEh"/>
+                                                <constraint firstItem="XtI-ik-JUp" firstAttribute="top" secondItem="SjY-63-Gvr" secondAttribute="top" constant="8" id="hQD-Pc-iVq"/>
+                                                <constraint firstAttribute="trailing" secondItem="ohu-tQ-2ok" secondAttribute="trailing" constant="8" id="maC-1x-GKe"/>
+                                                <constraint firstAttribute="bottom" secondItem="ohu-tQ-2ok" secondAttribute="bottom" constant="8" id="tZJ-Fs-LuO"/>
+                                                <constraint firstItem="OMX-6l-b7h" firstAttribute="leading" secondItem="XtI-ik-JUp" secondAttribute="leading" constant="6" id="u5N-DQ-caQ"/>
+                                                <constraint firstItem="OMX-6l-b7h" firstAttribute="top" secondItem="XtI-ik-JUp" secondAttribute="top" constant="6" id="ymt-gB-bOH"/>
+                                            </constraints>
+                                        </collectionViewCellContentView>
+                                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                        <size key="customSize" width="343" height="120"/>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCell"/>
+                                        </userDefinedRuntimeAttributes>
+                                        <connections>
+                                            <outlet property="buttonContainerView" destination="I2M-Ix-XO6" id="QWa-Nt-qjv"/>
+                                            <outlet property="checkmarkImageView" destination="OMX-6l-b7h" id="0xj-lo-13j"/>
+                                            <outlet property="imageView" destination="XtI-ik-JUp" id="iSF-Aq-3uK"/>
+                                            <outlet property="infoContainerView" destination="NhM-dQ-cOB" id="CTr-bL-8jb"/>
+                                            <outlet property="infoLabel" destination="T92-vb-Iw2" id="6qo-x5-pdI"/>
+                                            <outlet property="subtitleLabel" destination="DJM-1n-xZk" id="eRD-jU-HuB"/>
+                                            <outlet property="titleLabel" destination="IHh-ww-fGs" id="ydg-oI-Niu"/>
+                                        </connections>
+                                    </collectionViewCell>
+                                    <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" reuseIdentifier="GuidesGalleryOutdoorCell" id="fvq-qZ-nN0" customClass="GuidesGalleryOutdoorCell" customModule="maps_me" customModuleProvider="target">
+                                        <rect key="frame" x="367" y="16" width="343" height="120"/>
+                                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                        <collectionViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO" id="tXf-bc-Dxh">
+                                            <rect key="frame" x="0.0" y="0.0" width="343" height="120"/>
+                                            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                            <subviews>
+                                                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="center" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_cell_image" translatesAutoresizingMaskIntoConstraints="NO" id="ej7-v7-Tc4">
+                                                    <rect key="frame" x="8" y="8" width="104" height="104"/>
+                                                    <constraints>
+                                                        <constraint firstAttribute="width" secondItem="ej7-v7-Tc4" secondAttribute="height" multiplier="1:1" id="Tzm-6i-IMp"/>
+                                                    </constraints>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCellImage"/>
+                                                    </userDefinedRuntimeAttributes>
+                                                </imageView>
+                                                <imageView hidden="YES" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_checkmark" translatesAutoresizingMaskIntoConstraints="NO" id="pTy-pe-PDg">
+                                                    <rect key="frame" x="14" y="14" width="20" height="20"/>
+                                                    <color key="tintColor" systemColor="systemGreenColor" red="0.20392156859999999" green="0.78039215689999997" blue="0.34901960780000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                    <userDefinedRuntimeAttributes>
+                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryOutdoorCheck"/>
+                                                    </userDefinedRuntimeAttributes>
+                                                </imageView>
+                                                <stackView opaque="NO" contentMode="scaleToFill" axis="vertical" translatesAutoresizingMaskIntoConstraints="NO" id="PI6-Wr-ZNj">
+                                                    <rect key="frame" x="120" y="8" width="215" height="104"/>
+                                                    <subviews>
+                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Red and Blue Warri Red and Blue Warriorsors" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="2" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="2ep-jd-hgu">
+                                                            <rect key="frame" x="0.0" y="0.0" width="215" height="41"/>
+                                                            <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="16"/>
+                                                            <nil key="textColor"/>
+                                                            <nil key="highlightedColor"/>
+                                                            <userDefinedRuntimeAttributes>
+                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold16:blackPrimaryText"/>
+                                                            </userDefinedRuntimeAttributes>
+                                                        </label>
+                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="iAP-4i-e5P">
+                                                            <rect key="frame" x="0.0" y="41" width="215" height="32"/>
+                                                            <subviews>
+                                                                <stackView opaque="NO" contentMode="scaleToFill" spacing="4" translatesAutoresizingMaskIntoConstraints="NO" id="ChE-Fp-DYN">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="215" height="32"/>
+                                                                    <subviews>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Outdoor" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="dIA-NC-Bad">
+                                                                            <rect key="frame" x="0.0" y="0.0" width="47" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" systemColor="systemGreenColor" red="0.20392156859999999" green="0.78039215689999997" blue="0.34901960780000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryOutdoorLabel"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="∙" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="MzO-KR-WvS">
+                                                                            <rect key="frame" x="51" y="0.0" width="6" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="regular12:blackSecondaryText"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="Long Distance Cycling" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="ooq-8D-naO">
+                                                                            <rect key="frame" x="61" y="0.0" width="154" height="32"/>
+                                                                            <fontDescription key="fontDescription" type="system" pointSize="12"/>
+                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <nil key="highlightedColor"/>
+                                                                            <userDefinedRuntimeAttributes>
+                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="regular12:blackSecondaryText"/>
+                                                                            </userDefinedRuntimeAttributes>
+                                                                        </label>
+                                                                    </subviews>
+                                                                </stackView>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstItem="ChE-Fp-DYN" firstAttribute="leading" secondItem="iAP-4i-e5P" secondAttribute="leading" id="6gd-4b-lAn"/>
+                                                                <constraint firstAttribute="height" constant="32" id="DcB-Ba-bTp"/>
+                                                                <constraint firstAttribute="trailing" secondItem="ChE-Fp-DYN" secondAttribute="trailing" id="Hhq-FR-rmL"/>
+                                                                <constraint firstItem="ChE-Fp-DYN" firstAttribute="top" secondItem="iAP-4i-e5P" secondAttribute="top" id="SG1-0B-QYd"/>
+                                                                <constraint firstAttribute="bottom" secondItem="ChE-Fp-DYN" secondAttribute="bottom" id="cxz-HP-447"/>
+                                                            </constraints>
+                                                        </view>
+                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="UWL-Pt-6rq">
+                                                            <rect key="frame" x="0.0" y="73" width="215" height="31"/>
+                                                            <subviews>
+                                                                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="84v-VI-Jqo">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="215" height="1"/>
+                                                                    <color key="backgroundColor" systemColor="separatorColor" red="0.23529411759999999" green="0.23529411759999999" blue="0.26274509800000001" alpha="0.28999999999999998" colorSpace="custom" customColorSpace="sRGB"/>
+                                                                    <constraints>
+                                                                        <constraint firstAttribute="height" constant="1" id="6fF-PA-PDL"/>
+                                                                    </constraints>
+                                                                    <userDefinedRuntimeAttributes>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="Divider"/>
+                                                                    </userDefinedRuntimeAttributes>
+                                                                </view>
+                                                                <stackView opaque="NO" contentMode="scaleToFill" distribution="fillEqually" translatesAutoresizingMaskIntoConstraints="NO" id="31Z-sf-Uai">
+                                                                    <rect key="frame" x="0.0" y="7" width="215" height="24"/>
+                                                                    <subviews>
+                                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="oOh-PA-Alc">
+                                                                            <rect key="frame" x="0.0" y="0.0" width="71.5" height="24"/>
+                                                                            <subviews>
+                                                                                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_clock" translatesAutoresizingMaskIntoConstraints="NO" id="JQL-l6-K7z">
+                                                                                    <rect key="frame" x="0.0" y="6.5" width="11" height="11"/>
+                                                                                    <color key="tintColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                    <userDefinedRuntimeAttributes>
+                                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="MWMBlack"/>
+                                                                                    </userDefinedRuntimeAttributes>
+                                                                                </imageView>
+                                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="14 h" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="0DR-KK-hLv">
+                                                                                    <rect key="frame" x="17" y="5" width="25" height="14.5"/>
+                                                                                    <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="12"/>
+                                                                                    <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                    <nil key="highlightedColor"/>
+                                                                                    <userDefinedRuntimeAttributes>
+                                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold12:blackSecondaryText"/>
+                                                                                    </userDefinedRuntimeAttributes>
+                                                                                </label>
+                                                                            </subviews>
+                                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <constraints>
+                                                                                <constraint firstItem="JQL-l6-K7z" firstAttribute="centerY" secondItem="oOh-PA-Alc" secondAttribute="centerY" id="8vl-6W-vrD"/>
+                                                                                <constraint firstItem="0DR-KK-hLv" firstAttribute="centerY" secondItem="oOh-PA-Alc" secondAttribute="centerY" id="RLc-3b-F9y"/>
+                                                                                <constraint firstAttribute="trailing" relation="greaterThanOrEqual" secondItem="0DR-KK-hLv" secondAttribute="trailing" id="mUv-JO-7mP"/>
+                                                                                <constraint firstItem="JQL-l6-K7z" firstAttribute="leading" secondItem="oOh-PA-Alc" secondAttribute="leading" id="pfG-YB-xxo"/>
+                                                                                <constraint firstItem="0DR-KK-hLv" firstAttribute="leading" secondItem="JQL-l6-K7z" secondAttribute="trailing" constant="6" id="ubV-Dx-74q"/>
+                                                                            </constraints>
+                                                                        </view>
+                                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="jt4-ZD-tTt">
+                                                                            <rect key="frame" x="71.5" y="0.0" width="72" height="24"/>
+                                                                            <subviews>
+                                                                                <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="HfX-lS-ZTE">
+                                                                                    <rect key="frame" x="8.5" y="0.0" width="55" height="24"/>
+                                                                                    <subviews>
+                                                                                        <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_distance" translatesAutoresizingMaskIntoConstraints="NO" id="mUJ-s9-Rcj">
+                                                                                            <rect key="frame" x="0.0" y="9" width="12" height="6"/>
+                                                                                            <color key="tintColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                            <userDefinedRuntimeAttributes>
+                                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="MWMBlack"/>
+                                                                                            </userDefinedRuntimeAttributes>
+                                                                                        </imageView>
+                                                                                        <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="30 km" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="5lj-0X-MAg">
+                                                                                            <rect key="frame" x="18" y="5" width="37" height="14.5"/>
+                                                                                            <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="12"/>
+                                                                                            <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                            <nil key="highlightedColor"/>
+                                                                                            <userDefinedRuntimeAttributes>
+                                                                                                <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold12:blackSecondaryText"/>
+                                                                                            </userDefinedRuntimeAttributes>
+                                                                                        </label>
+                                                                                    </subviews>
+                                                                                    <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                    <constraints>
+                                                                                        <constraint firstAttribute="trailing" secondItem="5lj-0X-MAg" secondAttribute="trailing" id="Egg-dE-GY2"/>
+                                                                                        <constraint firstItem="5lj-0X-MAg" firstAttribute="centerY" secondItem="HfX-lS-ZTE" secondAttribute="centerY" id="Eod-Ap-G2y"/>
+                                                                                        <constraint firstItem="5lj-0X-MAg" firstAttribute="leading" secondItem="mUJ-s9-Rcj" secondAttribute="trailing" constant="6" id="Smf-34-GSs"/>
+                                                                                        <constraint firstItem="mUJ-s9-Rcj" firstAttribute="leading" secondItem="HfX-lS-ZTE" secondAttribute="leading" id="fwK-Au-cxk"/>
+                                                                                        <constraint firstItem="mUJ-s9-Rcj" firstAttribute="centerY" secondItem="HfX-lS-ZTE" secondAttribute="centerY" id="i0p-FR-hVU"/>
+                                                                                    </constraints>
+                                                                                </view>
+                                                                            </subviews>
+                                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <constraints>
+                                                                                <constraint firstAttribute="trailing" relation="greaterThanOrEqual" secondItem="HfX-lS-ZTE" secondAttribute="trailing" id="IlF-IK-sLd"/>
+                                                                                <constraint firstAttribute="bottom" secondItem="HfX-lS-ZTE" secondAttribute="bottom" id="NeZ-np-2At"/>
+                                                                                <constraint firstItem="HfX-lS-ZTE" firstAttribute="top" secondItem="jt4-ZD-tTt" secondAttribute="top" id="Olw-rI-Q7Q"/>
+                                                                                <constraint firstItem="HfX-lS-ZTE" firstAttribute="centerX" secondItem="jt4-ZD-tTt" secondAttribute="centerX" id="R6B-4z-rDt"/>
+                                                                                <constraint firstItem="HfX-lS-ZTE" firstAttribute="leading" relation="greaterThanOrEqual" secondItem="jt4-ZD-tTt" secondAttribute="leading" id="aJB-XB-Pl5"/>
+                                                                            </constraints>
+                                                                        </view>
+                                                                        <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Aen-MW-yow">
+                                                                            <rect key="frame" x="143.5" y="0.0" width="71.5" height="24"/>
+                                                                            <subviews>
+                                                                                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="routes_gallery_attitude" translatesAutoresizingMaskIntoConstraints="NO" id="cnM-Rz-A7p">
+                                                                                    <rect key="frame" x="11.5" y="4" width="16" height="16"/>
+                                                                                    <color key="tintColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                    <userDefinedRuntimeAttributes>
+                                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="MWMBlack"/>
+                                                                                    </userDefinedRuntimeAttributes>
+                                                                                </imageView>
+                                                                                <label opaque="NO" userInteractionEnabled="NO" contentMode="left" verticalHuggingPriority="251" text="650 m" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="P5j-6b-uDP">
+                                                                                    <rect key="frame" x="33.5" y="5" width="38" height="14.5"/>
+                                                                                    <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="12"/>
+                                                                                    <color key="textColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                                    <nil key="highlightedColor"/>
+                                                                                    <userDefinedRuntimeAttributes>
+                                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="semibold12:blackSecondaryText"/>
+                                                                                    </userDefinedRuntimeAttributes>
+                                                                                </label>
+                                                                            </subviews>
+                                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                            <constraints>
+                                                                                <constraint firstItem="cnM-Rz-A7p" firstAttribute="leading" relation="greaterThanOrEqual" secondItem="Aen-MW-yow" secondAttribute="leading" id="1rl-Z8-8DW"/>
+                                                                                <constraint firstItem="P5j-6b-uDP" firstAttribute="centerY" secondItem="Aen-MW-yow" secondAttribute="centerY" id="U2f-Yp-TNz"/>
+                                                                                <constraint firstItem="cnM-Rz-A7p" firstAttribute="centerY" secondItem="Aen-MW-yow" secondAttribute="centerY" id="dUo-6O-7cI"/>
+                                                                                <constraint firstAttribute="trailing" secondItem="P5j-6b-uDP" secondAttribute="trailing" id="dv1-CF-vYM"/>
+                                                                                <constraint firstItem="P5j-6b-uDP" firstAttribute="leading" secondItem="cnM-Rz-A7p" secondAttribute="trailing" constant="6" id="nAa-ZR-dpI"/>
+                                                                            </constraints>
+                                                                        </view>
+                                                                    </subviews>
+                                                                </stackView>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstAttribute="trailing" secondItem="84v-VI-Jqo" secondAttribute="trailing" id="S22-hf-1dN"/>
+                                                                <constraint firstAttribute="height" constant="31" id="VdM-jH-FZW"/>
+                                                                <constraint firstItem="84v-VI-Jqo" firstAttribute="top" secondItem="UWL-Pt-6rq" secondAttribute="top" id="eFx-8Q-DIv"/>
+                                                                <constraint firstAttribute="trailing" secondItem="31Z-sf-Uai" secondAttribute="trailing" id="fkE-gb-aWf"/>
+                                                                <constraint firstAttribute="bottom" secondItem="31Z-sf-Uai" secondAttribute="bottom" id="fq9-SZ-6tn"/>
+                                                                <constraint firstItem="31Z-sf-Uai" firstAttribute="leading" secondItem="UWL-Pt-6rq" secondAttribute="leading" id="gKe-L3-OcR"/>
+                                                                <constraint firstItem="84v-VI-Jqo" firstAttribute="leading" secondItem="UWL-Pt-6rq" secondAttribute="leading" id="p0H-rI-2oO"/>
+                                                                <constraint firstItem="31Z-sf-Uai" firstAttribute="top" secondItem="84v-VI-Jqo" secondAttribute="bottom" constant="6" id="w4k-Y3-pbY"/>
+                                                            </constraints>
+                                                        </view>
+                                                        <view hidden="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="RQ6-iP-rYB">
+                                                            <rect key="frame" x="0.0" y="104" width="215" height="31"/>
+                                                            <subviews>
+                                                                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="IbO-vW-axm">
+                                                                    <rect key="frame" x="0.0" y="0.0" width="213" height="29"/>
+                                                                    <color key="backgroundColor" white="0.66666666669999997" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                    <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="14"/>
+                                                                    <state key="normal" title="Show">
+                                                                        <color key="titleColor" white="0.33333333329999998" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                                    </state>
+                                                                    <userDefinedRuntimeAttributes>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryShowButton"/>
+                                                                        <userDefinedRuntimeAttribute type="string" keyPath="localizedText" value="routes_card_show"/>
+                                                                    </userDefinedRuntimeAttributes>
+                                                                </button>
+                                                            </subviews>
+                                                            <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                                            <constraints>
+                                                                <constraint firstAttribute="height" constant="31" id="19P-rh-GfO"/>
+                                                                <constraint firstAttribute="bottom" secondItem="IbO-vW-axm" secondAttribute="bottom" constant="2" id="GjZ-hP-VQl"/>
+                                                                <constraint firstItem="IbO-vW-axm" firstAttribute="top" secondItem="RQ6-iP-rYB" secondAttribute="top" id="amM-8o-Wfb"/>
+                                                                <constraint firstAttribute="trailing" secondItem="IbO-vW-axm" secondAttribute="trailing" constant="2" id="ftt-dC-gRS"/>
+                                                                <constraint firstItem="IbO-vW-axm" firstAttribute="leading" secondItem="RQ6-iP-rYB" secondAttribute="leading" id="nfu-3Z-nE3"/>
+                                                            </constraints>
+                                                        </view>
+                                                    </subviews>
+                                                </stackView>
+                                            </subviews>
+                                            <constraints>
+                                                <constraint firstItem="PI6-Wr-ZNj" firstAttribute="top" secondItem="tXf-bc-Dxh" secondAttribute="top" constant="8" id="8v3-fZ-aEK"/>
+                                                <constraint firstItem="pTy-pe-PDg" firstAttribute="top" secondItem="ej7-v7-Tc4" secondAttribute="top" constant="6" id="9yL-nn-YJ2"/>
+                                                <constraint firstItem="pTy-pe-PDg" firstAttribute="leading" secondItem="ej7-v7-Tc4" secondAttribute="leading" constant="6" id="XBI-jb-Rtt"/>
+                                                <constraint firstAttribute="bottom" secondItem="PI6-Wr-ZNj" secondAttribute="bottom" constant="8" id="fnj-T6-KnW"/>
+                                                <constraint firstAttribute="bottom" secondItem="ej7-v7-Tc4" secondAttribute="bottom" constant="8" id="g4g-YS-BN5"/>
+                                                <constraint firstItem="ej7-v7-Tc4" firstAttribute="leading" secondItem="tXf-bc-Dxh" secondAttribute="leading" constant="8" id="gTf-Nl-QvV"/>
+                                                <constraint firstAttribute="trailing" secondItem="PI6-Wr-ZNj" secondAttribute="trailing" constant="8" id="p8O-1r-hY8"/>
+                                                <constraint firstItem="ej7-v7-Tc4" firstAttribute="top" secondItem="tXf-bc-Dxh" secondAttribute="top" constant="8" id="ry6-3v-eWw"/>
+                                                <constraint firstItem="PI6-Wr-ZNj" firstAttribute="leading" secondItem="ej7-v7-Tc4" secondAttribute="trailing" constant="8" id="svY-fE-AKf"/>
+                                            </constraints>
+                                        </collectionViewCellContentView>
+                                        <color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
+                                        <size key="customSize" width="343" height="120"/>
+                                        <userDefinedRuntimeAttributes>
+                                            <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="GuidesGalleryCell"/>
+                                        </userDefinedRuntimeAttributes>
+                                        <connections>
+                                            <outlet property="ascentLabel" destination="P5j-6b-uDP" id="Cgd-RR-SZO"/>
+                                            <outlet property="buttonContainerView" destination="RQ6-iP-rYB" id="tFl-wf-qDE"/>
+                                            <outlet property="checkmarkImageView" destination="pTy-pe-PDg" id="qWI-MM-Kim"/>
+                                            <outlet property="distanceLabel" destination="5lj-0X-MAg" id="Zkc-td-DwH"/>
+                                            <outlet property="imageView" destination="ej7-v7-Tc4" id="KbI-AL-5Vd"/>
+                                            <outlet property="infoContainerView" destination="UWL-Pt-6rq" id="Axj-g8-qAp"/>
+                                            <outlet property="subtitleLabel" destination="ooq-8D-naO" id="kAA-Iy-bp6"/>
+                                            <outlet property="timeIcon" destination="JQL-l6-K7z" id="snD-nw-sgO"/>
+                                            <outlet property="timeLabel" destination="0DR-KK-hLv" id="oo7-iD-WAB"/>
+                                            <outlet property="titleLabel" destination="2ep-jd-hgu" id="Dzd-ja-8Zw"/>
+                                        </connections>
+                                    </collectionViewCell>
+                                </cells>
+                                <connections>
+                                    <outlet property="dataSource" destination="lVR-09-5LZ" id="ABL-v1-0Mp"/>
+                                    <outlet property="delegate" destination="lVR-09-5LZ" id="GKX-0v-4TH"/>
+                                </connections>
+                            </collectionView>
+                        </subviews>
+                        <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                        <constraints>
+                            <constraint firstAttribute="bottom" secondItem="Ubv-e0-czx" secondAttribute="bottom" id="cW0-hx-qWZ"/>
+                            <constraint firstItem="Ubv-e0-czx" firstAttribute="leading" secondItem="g81-bI-Lrh" secondAttribute="leading" id="is9-ad-jdv"/>
+                            <constraint firstAttribute="top" secondItem="Ubv-e0-czx" secondAttribute="top" id="k6Y-eI-DgJ"/>
+                            <constraint firstAttribute="trailing" secondItem="Ubv-e0-czx" secondAttribute="trailing" id="tUT-pU-VpM"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="N7e-QX-fWC"/>
+                    </view>
+                    <size key="freeformSize" width="375" height="152"/>
+                    <connections>
+                        <outlet property="collectionView" destination="Ubv-e0-czx" id="OSW-KS-QoP"/>
+                    </connections>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="4H0-Qr-UYx" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="926" y="2779"/>
+        </scene>
    </scenes>
    <resources>
        <image name="dialog_btn_press" width="280" height="44"/>
@ -3393,5 +3887,11 @@
        <image name="ic_placepage_change" width="24" height="24"/>
        <image name="ic_placepage_open_hours" width="28" height="28"/>
        <image name="img_direction_light" width="32" height="32"/>
+        <image name="routes_gallery_attitude" width="16" height="16"/>
+        <image name="routes_gallery_camera" width="14" height="11"/>
+        <image name="routes_gallery_cell_image" width="40" height="40"/>
+        <image name="routes_gallery_checkmark" width="20" height="20"/>
+        <image name="routes_gallery_clock" width="11" height="11"/>
+        <image name="routes_gallery_distance" width="12" height="6"/>
    </resources>
 </document>
--- a/iphone/Maps/UI/PlacePage/PlacePageBuilder.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageBuilder.swift
@ -5,6 +5,7 @@
      fatalError()
    }
    let data = PlacePageData(localizationProvider: OpeinigHoursLocalization())
+    viewController.isPreviewPlus = data.isPreviewPlus
    let interactor = PlacePageInteractor(viewController: viewController, data: data)
    let layout:IPlacePageLayout
    if data.elevationProfileData != nil {
@ -14,8 +15,7 @@
    }
    let presenter = PlacePagePresenter(view: viewController,
                                       interactor: interactor,
-                                       layout: layout,
-                                       isPreviewPlus: data.isPreviewPlus)
+                                       layout: layout)

    interactor.presenter = presenter
    viewController.presenter = presenter
--- a/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/IPlacePageLayout.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/IPlacePageLayout.swift
@ -23,7 +23,7 @@ enum PlacePageState {

 protocol IPlacePageLayout: class {
  var presenter: PlacePagePresenterProtocol? { get set }
-  var header: PlacePageHeaderViewController { get }
+  var header: PlacePageHeaderViewController? { get }
  var viewControllers: [UIViewController] { get }
  var actionBar: ActionBarViewController? { get }
  var navigationBar: UIViewController? { get }
--- a/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageCommonLayout.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageCommonLayout.swift
@ -151,7 +151,7 @@ class PlacePageCommonLayout: NSObject, IPlacePageLayout {
    return vc
  } ()

-  lazy var header: PlacePageHeaderViewController = {
+  lazy var header: PlacePageHeaderViewController? = {
    return PlacePageHeaderBuilder.build(data: placePageData.previewData, delegate: interactor, headerType: .flexible)
  } ()

--- a/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageElevationLayout.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageElevationLayout.swift
@ -16,7 +16,7 @@ class PlacePageElevationLayout: IPlacePageLayout {

  var adState: AdBannerState = .unset

-  lazy var header: PlacePageHeaderViewController = {
+  lazy var header: PlacePageHeaderViewController? = {
    return PlacePageHeaderBuilder.build(data: placePageData.previewData, delegate: interactor, headerType: .flexible)
  } ()

--- a/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageGalleryLayout.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageLayout/Layouts/PlacePageGalleryLayout.swift
@ -0,0 +1,27 @@
+final class PlacePageGalleryLayout: IPlacePageLayout {
+  weak var presenter: PlacePagePresenterProtocol?
+  var header: PlacePageHeaderViewController? { nil }
+  var actionBar: ActionBarViewController? { nil }
+  var navigationBar: UIViewController? { nil }
+  var adState: AdBannerState = .unset
+
+  var viewControllers: [UIViewController] {
+    [guidesGalleryViewController]
+  }
+
+  lazy var guidesGalleryViewController: GuidesGalleryViewController = {
+    GuidesGalleryBuilder.build()
+  }()
+
+  func calculateSteps(inScrollView scrollView: UIScrollView, compact: Bool) -> [PlacePageState] {
+    var steps: [PlacePageState] = []
+    let scrollHeight = scrollView.height
+    steps.append(.closed(-scrollHeight))
+    guard let previewView = guidesGalleryViewController.view else {
+      return steps
+    }
+    let previewFrame = scrollView.convert(previewView.bounds, from: previewView)
+    steps.append(.preview(previewFrame.maxY - scrollHeight))
+    return steps
+  }
+}
--- a/iphone/Maps/UI/PlacePage/PlacePagePresenter.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePagePresenter.swift
@ -1,149 +1,38 @@
 protocol PlacePagePresenterProtocol: class {
-  var maxOffset: CGFloat { get }
-
-  func configure()
-  func setAdState(_ state: AdBannerState)
-  func updateSteps()
  func updatePreviewOffset()
  func layoutIfNeeded()
-  func findNextStop(_ offset: CGFloat, velocity: CGFloat) -> PlacePageState
  func showNextStop()
-  func showLastStop()
-  func onOffsetChanged(_ offset: CGFloat)
  func closeAnimated()
 }

 class PlacePagePresenter: NSObject {
  private weak var view: PlacePageViewProtocol!
  private let interactor: PlacePageInteractorProtocol
-  private let isPreviewPlus: Bool
  private let layout: IPlacePageLayout
-  private var scrollSteps:[PlacePageState] = []
-  private var isNavigationBarVisible = false

  init(view: PlacePageViewProtocol,
       interactor: PlacePageInteractorProtocol,
-       layout: IPlacePageLayout,
-       isPreviewPlus: Bool) {
+       layout: IPlacePageLayout) {
    self.view = view
    self.interactor = interactor
    self.layout = layout
-    self.isPreviewPlus = isPreviewPlus
-  }
-
-  private func setNavigationBarVisible(_ val: Bool) {
-    guard val != isNavigationBarVisible, let navigationBar = layout.navigationBar else { return }
-    isNavigationBarVisible = val
-    if isNavigationBarVisible {
-      view.addNavigationBar(navigationBar)
-    } else {
-      navigationBar.removeFromParent()
-      navigationBar.view.removeFromSuperview()
-    }
+    view.setLayout(layout)
  }
 }

 // MARK: - PlacePagePresenterProtocol

 extension PlacePagePresenter: PlacePagePresenterProtocol {
-  var maxOffset: CGFloat {
-    get {
-      return scrollSteps.last?.offset ?? 0
-    }
-  }
-
-  func configure() {
-    view.addHeader(layout.header)
-    for viewController in layout.viewControllers {
-      view.addToStack(viewController)
-    }
-    
-    if let actionBar = layout.actionBar {
-      view.hideActionBar(false)
-      view.addActionBar(actionBar)
-    } else {
-      view.hideActionBar(true)
-    }
-    updatePreviewOffset()
-  }
-
-  func setAdState(_ state: AdBannerState) {
-    layout.adState = state
-  }
-
-  func updateSteps() {
-    layoutIfNeeded()
-    scrollSteps = layout.calculateSteps(inScrollView: view.scrollView,
-                                        compact: view.traitCollection.verticalSizeClass == .compact)
-  }
-
  func updatePreviewOffset() {
-    updateSteps()
-    if !view.beginDragging  {
-      let state = isPreviewPlus ? scrollSteps[2] : scrollSteps[1]
-      view.scrollTo(CGPoint(x: 0, y: state.offset))
-    }
+    view.updatePreviewOffset()
  }

  func layoutIfNeeded() {
    view.layoutIfNeeded()
  }

-  private func findNearestStop(_ offset: CGFloat) -> PlacePageState {
-    var result = scrollSteps[0]
-    scrollSteps.suffix(from: 1).forEach { ppState in
-      if abs(result.offset - offset) > abs(ppState.offset - offset) {
-        result = ppState
-      }
-    }
-    return result
-  }
-
-  func findNextStop(_ offset: CGFloat, velocity: CGFloat) -> PlacePageState {
-    if velocity == 0 {
-      return findNearestStop(offset)
-    }
-
-    var result: PlacePageState
-    if velocity < 0 {
-      guard let first = scrollSteps.first else { return .closed(-view.scrollView.height) }
-      result = first
-      scrollSteps.suffix(from: 1).forEach {
-        if offset > $0.offset {
-          result = $0
-        }
-      }
-    } else {
-      guard let last = scrollSteps.last else { return .closed(-view.scrollView.height) }
-      result = last
-      scrollSteps.reversed().suffix(from: 1).forEach {
-        if offset < $0.offset {
-          result = $0
-        }
-      }
-    }
-
-    return result
-  }
-
  func showNextStop() {
-    if let nextStop = scrollSteps.last(where: { $0.offset > view.scrollView.contentOffset.y }) {
-      view.scrollTo(CGPoint(x: 0, y: nextStop.offset), forced: true)
-    }
-  }
-
-  func showLastStop() {
-    if let lastStop = scrollSteps.last {
-      view.scrollTo(CGPoint(x: 0, y: lastStop.offset), forced: true)
-    }
-  }
-
-  func onOffsetChanged(_ offset: CGFloat) {
-    if offset > 0 && !isNavigationBarVisible{
-      setNavigationBarVisible(true)
-    } else if offset <= 0 && isNavigationBarVisible {
-      setNavigationBarVisible(false)
-    }
+    view.showNextStop()
  }

  func closeAnimated() {
--- a/iphone/Maps/UI/PlacePage/PlacePageViewController.swift
+++ b/iphone/Maps/UI/PlacePage/PlacePageViewController.swift
@ -1,23 +1,10 @@
 protocol PlacePageViewProtocol: class {
  var presenter: PlacePagePresenterProtocol! { get set }
-  var scrollView: UIScrollView! { get set }
-  var beginDragging: Bool { get set }
-  var traitCollection: UITraitCollection { get }
-
-  func addHeader(_ headerViewController: UIViewController)
-  func addToStack(_ viewController: UIViewController)
-  func addActionBar(_ actionBarViewController: UIViewController)
-  func hideActionBar(_ value: Bool)
-  func addNavigationBar(_ header: UIViewController)
-  func scrollTo(_ point: CGPoint, animated: Bool, forced: Bool, completion: (()->())?)
+  func setLayout(_ layout: IPlacePageLayout)
  func layoutIfNeeded()
  func closeAnimated()
-}
-
-extension PlacePageViewProtocol {
-  func scrollTo(_ point: CGPoint, animated: Bool = true, forced: Bool = false, completion: (()->())? = nil) {
-    scrollTo(point, animated: animated, forced: forced, completion: completion)
-  }
+  func updatePreviewOffset()
+  func showNextStop()
 }

 final class PlacePageScrollView: UIScrollView {
@ -40,14 +27,32 @@ final class PlacePageScrollView: UIScrollView {
    MapViewController.shared()
  }
  private var previousTraitCollection: UITraitCollection?
+  private var layout: IPlacePageLayout!
+  private var scrollSteps:[PlacePageState] = []
+  var isPreviewPlus: Bool = false
+  private var isNavigationBarVisible = false

-  let kActionBarHeight:CGFloat = 50
+  let kActionBarHeight: CGFloat = 50

  // MARK: - VC Lifecycle

  override func viewDidLoad() {
    super.viewDidLoad()
-    presenter?.configure()
+
+    if let header = layout.header {
+      addHeader(header)
+    }
+    for viewController in layout.viewControllers {
+      addToStack(viewController)
+    }
+
+    if let actionBar = layout.actionBar {
+      hideActionBar(false)
+      addActionBar(actionBar)
+    } else {
+      hideActionBar(true)
+    }
+    updatePreviewOffset()

    let bgView = UIView()
    bgView.styleName = "PPBackgroundView"
@ -61,7 +66,7 @@ final class PlacePageScrollView: UIScrollView {
    if previousTraitCollection == nil {
      scrollView.contentInset = alternativeSizeClass(iPhone: UIEdgeInsets(top: scrollView.height, left: 0, bottom: 0, right: 0),
                                                     iPad: UIEdgeInsets.zero)
-      presenter.updateSteps()
+      updateSteps()
    }
    panGesture.isEnabled = alternativeSizeClass(iPhone: false, iPad: true)
    self.previousTraitCollection = self.traitCollection
@ -69,22 +74,79 @@ final class PlacePageScrollView: UIScrollView {

  override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
-    presenter?.updatePreviewOffset()
+    updatePreviewOffset()
  }

  override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)
    if self.previousTraitCollection != nil {
      DispatchQueue.main.async {
-        self.presenter.setAdState(.detailed)
-        self.presenter.updateSteps()
-        self.presenter.showLastStop()
+        self.layout.adState = .detailed
+        self.updateSteps()
+        self.showLastStop()
        self.scrollView.contentInset = self.alternativeSizeClass(iPhone: UIEdgeInsets(top: self.scrollView.height, left: 0, bottom: 0, right: 0),
                                                                 iPad: UIEdgeInsets.zero)
      }
    }
  }

+  func updateSteps() {
+    layoutIfNeeded()
+    scrollSteps = layout.calculateSteps(inScrollView: scrollView,
+                                        compact: traitCollection.verticalSizeClass == .compact)
+  }
+
+  func updatePreviewOffset() {
+    updateSteps()
+    if !beginDragging  {
+      let state = isPreviewPlus ? scrollSteps[2] : scrollSteps[1]
+      scrollTo(CGPoint(x: 0, y: state.offset))
+    }
+  }
+
+  func findNextStop(_ offset: CGFloat, velocity: CGFloat) -> PlacePageState {
+    if velocity == 0 {
+      return findNearestStop(offset)
+    }
+
+    var result: PlacePageState
+    if velocity < 0 {
+      guard let first = scrollSteps.first else { return .closed(-scrollView.height) }
+      result = first
+      scrollSteps.suffix(from: 1).forEach {
+        if offset > $0.offset {
+          result = $0
+        }
+      }
+    } else {
+      guard let last = scrollSteps.last else { return .closed(-scrollView.height) }
+      result = last
+      scrollSteps.reversed().suffix(from: 1).forEach {
+        if offset < $0.offset {
+          result = $0
+        }
+      }
+    }
+
+    return result
+  }
+
+  private func findNearestStop(_ offset: CGFloat) -> PlacePageState {
+    var result = scrollSteps[0]
+    scrollSteps.suffix(from: 1).forEach { ppState in
+      if abs(result.offset - offset) > abs(ppState.offset - offset) {
+        result = ppState
+      }
+    }
+    return result
+  }
+
+  func showLastStop() {
+    if let lastStop = scrollSteps.last {
+      scrollTo(CGPoint(x: 0, y: lastStop.offset), forced: true)
+    }
+  }
+
  @IBAction func onPan(gesture: UIPanGestureRecognizer){
    let xOffset = gesture.translation(in: view.superview).x
    gesture.setTranslation(CGPoint.zero, in: view.superview)
@ -108,10 +170,8 @@ final class PlacePageScrollView: UIScrollView {
 }

 extension PlacePageViewController: PlacePageViewProtocol {
-  override var traitCollection: UITraitCollection {
-    get {
-      return super.traitCollection
-    }
+  func setLayout(_ layout: IPlacePageLayout) {
+    self.layout = layout
  }

  func hideActionBar(_ value: Bool) {
@ -155,7 +215,7 @@ extension PlacePageViewController: PlacePageViewProtocol {
    ])
  }

-  func scrollTo(_ point: CGPoint, animated: Bool, forced: Bool, completion: (()->())?) {
+  func scrollTo(_ point: CGPoint, animated: Bool = true, forced: Bool = false, completion: (()->())? = nil) {
    if alternativeSizeClass(iPhone: beginDragging, iPad: true) && !forced {
      return
    }
@ -178,6 +238,12 @@ extension PlacePageViewController: PlacePageViewProtocol {
    }
  }

+  func showNextStop() {
+    if let nextStop = scrollSteps.last(where: { $0.offset > scrollView.contentOffset.y }) {
+      scrollTo(CGPoint(x: 0, y: nextStop.offset), forced: true)
+    }
+  }
+
  func layoutIfNeeded() {
    view.layoutIfNeeded()
  }
@ -209,7 +275,7 @@ extension PlacePageViewController: UIScrollViewDelegate {
    if scrollView.contentOffset.y < -scrollView.height + 1 && beginDragging {
      rootViewController.dismissPlacePage()
    }
-    presenter.onOffsetChanged(scrollView.contentOffset.y)
+    onOffsetChanged(scrollView.contentOffset.y)
  }

  func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
@ -219,31 +285,50 @@ extension PlacePageViewController: UIScrollViewDelegate {
  func scrollViewWillEndDragging(_ scrollView: UIScrollView,
                                 withVelocity velocity: CGPoint,
                                 targetContentOffset: UnsafeMutablePointer<CGPoint>) {
-    let maxOffset = presenter.maxOffset
+    let maxOffset = scrollSteps.last?.offset ?? 0
    if targetContentOffset.pointee.y > maxOffset {
-      presenter?.setAdState(.detailed)
+      layout.adState = .detailed
      return
    }

-    let targetState = presenter.findNextStop(scrollView.contentOffset.y, velocity: velocity.y)
+    let targetState = findNextStop(scrollView.contentOffset.y, velocity: velocity.y)
    if targetState.offset > scrollView.contentSize.height - scrollView.contentInset.top {
-      presenter?.setAdState(.detailed)
+      layout.adState = .detailed
      return
    }
    switch targetState {
    case .closed(_):
      fallthrough
    case .preview(_):
-      presenter?.setAdState(.compact)
+      layout.adState = .compact
    case .previewPlus(_):
      fallthrough
    case .expanded(_):
      fallthrough
    case .full(_):
-      presenter?.setAdState(.detailed)
+      layout.adState = .detailed
    }
-    presenter.updateSteps()
-    let nextStep = presenter.findNextStop(scrollView.contentOffset.y, velocity: velocity.y)
+    updateSteps()
+    let nextStep = findNextStop(scrollView.contentOffset.y, velocity: velocity.y)
    targetContentOffset.pointee = CGPoint(x: 0, y: nextStep.offset)
  }
+
+  func onOffsetChanged(_ offset: CGFloat) {
+    if offset > 0 && !isNavigationBarVisible{
+      setNavigationBarVisible(true)
+    } else if offset <= 0 && isNavigationBarVisible {
+      setNavigationBarVisible(false)
+    }
+  }
+
+  private func setNavigationBarVisible(_ visible: Bool) {
+    guard visible != isNavigationBarVisible, let navigationBar = layout.navigationBar else { return }
+    isNavigationBarVisible = visible
+    if isNavigationBarVisible {
+      addNavigationBar(navigationBar)
+    } else {
+      navigationBar.removeFromParent()
+      navigationBar.view.removeFromSuperview()
+    }
+  }
 }
--- a/iphone/Maps/UI/Storyboard/Main.storyboard
+++ b/iphone/Maps/UI/Storyboard/Main.storyboard
@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15705" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="Wns-nH-AQU">
-    <device id="retina6_1" orientation="landscape" appearance="light"/>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="Wns-nH-AQU">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
    <dependencies>
        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15706"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
    </dependencies>
@ -13,29 +13,29 @@
            <objects>
                <viewController id="xTf-lf-yxN" customClass="MapViewController" sceneMemberID="viewController">
                    <view key="view" clearsContextBeforeDrawing="NO" multipleTouchEnabled="YES" contentMode="scaleToFill" id="USG-6L-Uhw">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <imageView hidden="YES" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ic_carplay_activated" translatesAutoresizingMaskIntoConstraints="NO" id="Tqh-46-Yrm">
-                                <rect key="frame" x="368" y="116.5" width="160" height="160"/>
+                                <rect key="frame" x="127" y="373" width="160" height="160"/>
                                <constraints>
                                    <constraint firstAttribute="height" constant="160" id="dkE-Cj-sE5"/>
                                    <constraint firstAttribute="width" constant="160" id="pz7-lu-Ocm"/>
                                </constraints>
                            </imageView>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="aPn-pa-nCx" customClass="EAGLView">
-                                <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                                <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                                <color key="backgroundColor" red="0.8666666666666667" green="0.8666666666666667" blue="0.80000000000000004" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                            </view>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="rL1-9E-4b7">
-                                <rect key="frame" x="44" y="0.0" width="808" height="414"/>
+                                <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                                <subviews>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="65S-M4-TnM" customClass="NavigationInfoArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="44" width="414" height="818"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="1" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="TdT-ia-GP9">
-                                        <rect key="frame" x="0.0" y="0.0" width="350" height="393"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="414" height="862"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="1" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                        <constraints>
                                            <constraint firstAttribute="width" constant="350" id="XLL-zv-Bym"/>
@ -52,7 +52,7 @@
                                        </variation>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="aVk-ab-LFJ" customClass="TabBarArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="345" width="350" height="69"/>
+                                        <rect key="frame" x="0.0" y="814" width="414" height="82"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="1" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                        <constraints>
                                            <constraint firstAttribute="width" priority="100" constant="350" id="aj4-lb-h52"/>
@ -69,23 +69,23 @@
                                        </variation>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="awj-9E-eBS" customClass="PlacePageArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="414" height="862"/>
                                        <color key="backgroundColor" red="1" green="0.0" blue="0.0" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="FFY-Dy-Wou" customClass="VisibleArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="414" height="862"/>
                                        <color key="backgroundColor" red="0.0" green="1" blue="0.0" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="NI8-tV-i2B" customClass="WidgetsArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="44" width="414" height="818"/>
                                        <color key="backgroundColor" red="0.0" green="1" blue="0.0" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="xJx-UU-IdV" customClass="SideButtonsArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="44" width="414" height="818"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="1" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                    <view hidden="YES" userInteractionEnabled="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="QKu-4A-UgP" customClass="TrafficButtonArea" customModule="maps_me" customModuleProvider="target">
-                                        <rect key="frame" x="0.0" y="0.0" width="808" height="393"/>
+                                        <rect key="frame" x="0.0" y="44" width="414" height="818"/>
                                        <color key="backgroundColor" red="0.0" green="1" blue="0.0" alpha="0.20000000000000001" colorSpace="calibratedRGB"/>
                                    </view>
                                </subviews>
@ -122,7 +122,7 @@
                                </variation>
                            </view>
                            <view hidden="YES" contentMode="scaleToFill" placeholderIntrinsicWidth="infinite" placeholderIntrinsicHeight="500" translatesAutoresizingMaskIntoConstraints="NO" id="rbx-Oj-jeo" customClass="TouchTransparentView" customModule="maps_me" customModuleProvider="target">
-                                <rect key="frame" x="44" y="20" width="350" height="394"/>
+                                <rect key="frame" x="0.0" y="64" width="414" height="832"/>
                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                                <constraints>
                                    <constraint firstAttribute="width" constant="350" id="6h8-a6-LWn"/>
@ -148,6 +148,13 @@
                                    </mask>
                                </variation>
                            </view>
+                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="at1-V1-pzl" customClass="TouchTransparentView" customModule="maps_me" customModuleProvider="target">
+                                <rect key="frame" x="0.0" y="662" width="414" height="152"/>
+                                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
+                                <constraints>
+                                    <constraint firstAttribute="height" constant="152" id="iqp-aP-vZZ"/>
+                                </constraints>
+                            </view>
                        </subviews>
                        <color key="backgroundColor" red="0.8666666666666667" green="0.8666666666666667" blue="0.80000000000000004" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <constraints>
@ -161,10 +168,12 @@
                            <constraint firstAttribute="bottom" secondItem="rbx-Oj-jeo" secondAttribute="bottom" id="9rR-QQ-c1P"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="top" secondItem="xJx-UU-IdV" secondAttribute="top" priority="100" id="BMq-jc-qfO"/>
                            <constraint firstItem="rL1-9E-4b7" firstAttribute="top" secondItem="USG-6L-Uhw" secondAttribute="top" id="E89-WV-ZTh"/>
+                            <constraint firstItem="utd-Jy-pE5" firstAttribute="trailing" secondItem="at1-V1-pzl" secondAttribute="trailing" id="GKG-4Y-2Pq"/>
                            <constraint firstAttribute="trailing" secondItem="aPn-pa-nCx" secondAttribute="trailing" id="GKJ-zm-8xb"/>
                            <constraint firstItem="rbx-Oj-jeo" firstAttribute="top" secondItem="utd-Jy-pE5" secondAttribute="top" constant="20" id="J0B-xe-sNj"/>
                            <constraint firstItem="aVk-ab-LFJ" firstAttribute="leading" secondItem="rL1-9E-4b7" secondAttribute="leading" priority="100" id="JyB-TX-fUN"/>
                            <constraint firstItem="aVk-ab-LFJ" firstAttribute="bottom" secondItem="rL1-9E-4b7" secondAttribute="bottom" priority="100" id="LCC-5Q-3hb"/>
+                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" secondItem="at1-V1-pzl" secondAttribute="bottom" constant="48" id="O8L-nd-nOa"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" secondItem="FFY-Dy-Wou" secondAttribute="bottom" priority="100" id="OE7-Qb-J0v"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" relation="greaterThanOrEqual" secondItem="awj-9E-eBS" secondAttribute="bottom" id="PFs-sL-oVA"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="trailing" secondItem="rL1-9E-4b7" secondAttribute="trailing" id="QdS-Yx-ADV"/>
@ -176,6 +185,7 @@
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" relation="greaterThanOrEqual" secondItem="FFY-Dy-Wou" secondAttribute="bottom" id="YUs-MJ-9w8"/>
                            <constraint firstItem="rL1-9E-4b7" firstAttribute="leading" secondItem="utd-Jy-pE5" secondAttribute="leading" id="Z1s-Q9-zX6"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" secondItem="awj-9E-eBS" secondAttribute="bottom" priority="100" id="aqR-pe-LgT"/>
+                            <constraint firstItem="at1-V1-pzl" firstAttribute="leading" secondItem="utd-Jy-pE5" secondAttribute="leading" id="dVq-df-YMe"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" secondItem="NI8-tV-i2B" secondAttribute="bottom" priority="100" id="fgM-Gj-Vd4"/>
                            <constraint firstItem="utd-Jy-pE5" firstAttribute="bottom" secondItem="aVk-ab-LFJ" secondAttribute="top" priority="100" constant="48" id="jQI-62-O5O"/>
                            <constraint firstItem="aPn-pa-nCx" firstAttribute="top" secondItem="USG-6L-Uhw" secondAttribute="top" id="pwE-hX-IML"/>
@ -217,6 +227,7 @@
                    <connections>
                        <outlet property="carplayPlaceholderLogo" destination="Tqh-46-Yrm" id="S7m-Df-UPv"/>
                        <outlet property="controlsView" destination="rL1-9E-4b7" id="sfV-7X-WlR"/>
+                        <outlet property="guidesCollectionContainer" destination="at1-V1-pzl" id="zwo-PP-5N0"/>
                        <outlet property="mapView" destination="aPn-pa-nCx" id="tCi-LW-1ll"/>
                        <outlet property="placePageAreaKeyboard" destination="PFs-sL-oVA" id="O3P-ia-ZlX"/>
                        <outlet property="placePageContainer" destination="rbx-Oj-jeo" id="aFM-qm-QHB"/>
@ -237,7 +248,7 @@
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="cKg-Q7-bFd" userLabel="First Responder" sceneMemberID="firstResponder"/>
            </objects>
-            <point key="canvasLocation" x="1132.5" y="443.66197183098592"/>
+            <point key="canvasLocation" x="1131.8840579710145" y="443.30357142857139"/>
        </scene>
        <!--Navigation Controller-->
        <scene sceneID="lCi-qJ-2rn">
@ -261,7 +272,7 @@
            <objects>
                <tableViewController storyboardIdentifier="MWMEditBookmarkController" id="lFr-lA-JTW" customClass="MWMEditBookmarkController" sceneMemberID="viewController">
                    <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" id="Rb3-ea-7LJ">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <connections>
@ -281,7 +292,7 @@
                <navigationController id="Psz-BY-Fy4" customClass="MWMNavigationController" sceneMemberID="viewController">
                    <value key="contentSizeForViewInPopover" type="size" width="600" height="600"/>
                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="SUN-3A-xgM">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="44"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="56"/>
                        <autoresizingMask key="autoresizingMask"/>
                    </navigationBar>
                    <connections>
@ -297,7 +308,7 @@
            <objects>
                <tableViewController id="Lfa-Zp-orR" customClass="MWMEditorViewController" sceneMemberID="viewController">
                    <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" id="HU6-ak-Eu1">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <connections>
@ -323,11 +334,11 @@
            <objects>
                <viewController id="Ld6-gM-2hk" customClass="MWMOpeningHoursEditorViewController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="U1f-hD-9rl">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="none" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="X1H-IB-Nv1">
-                                <rect key="frame" x="0.0" y="0.0" width="896" height="349"/>
+                                <rect key="frame" x="0.0" y="44" width="414" height="774"/>
                                <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <userDefinedRuntimeAttributes>
                                    <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="PressBackground"/>
@ -338,10 +349,10 @@
                                </connections>
                            </tableView>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="aQv-7U-zAP">
-                                <rect key="frame" x="44" y="0.0" width="808" height="349"/>
+                                <rect key="frame" x="0.0" y="44" width="414" height="774"/>
                                <subviews>
                                    <textView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" textAlignment="natural" translatesAutoresizingMaskIntoConstraints="NO" id="PrH-u2-IEv" userLabel="Editor View" customClass="MWMTextView">
-                                        <rect key="frame" x="0.0" y="36" width="808" height="88"/>
+                                        <rect key="frame" x="0.0" y="36" width="414" height="88"/>
                                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                        <constraints>
                                            <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="88" id="oAE-yX-hVe"/>
@ -358,7 +369,7 @@
                                        </connections>
                                    </textView>
                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="z2Z-G2-Np7">
-                                        <rect key="frame" x="0.0" y="35" width="808" height="1"/>
+                                        <rect key="frame" x="0.0" y="35" width="414" height="1"/>
                                        <constraints>
                                            <constraint firstAttribute="height" constant="1" id="xUX-ck-MQb"/>
                                        </constraints>
@ -367,7 +378,7 @@
                                        </userDefinedRuntimeAttributes>
                                    </imageView>
                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="ebA-fW-ddJ">
-                                        <rect key="frame" x="0.0" y="123" width="808" height="1"/>
+                                        <rect key="frame" x="0.0" y="123" width="414" height="1"/>
                                        <constraints>
                                            <constraint firstAttribute="height" constant="1" id="HOj-tZ-b3F"/>
                                        </constraints>
@ -376,7 +387,7 @@
                                        </userDefinedRuntimeAttributes>
                                    </imageView>
                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="5T5-Pp-hb5">
-                                        <rect key="frame" x="0.0" y="304" width="808" height="1"/>
+                                        <rect key="frame" x="0.0" y="729" width="414" height="1"/>
                                        <constraints>
                                            <constraint firstAttribute="height" constant="1" id="ZXK-zv-uSz"/>
                                        </constraints>
@ -385,7 +396,7 @@
                                        </userDefinedRuntimeAttributes>
                                    </imageView>
                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="IX2-yp-0oa">
-                                        <rect key="frame" x="0.0" y="164" width="808" height="1"/>
+                                        <rect key="frame" x="0.0" y="164" width="414" height="1"/>
                                        <constraints>
                                            <constraint firstAttribute="height" constant="1" id="rD4-fE-ez2"/>
                                        </constraints>
@ -394,10 +405,10 @@
                                        </userDefinedRuntimeAttributes>
                                    </imageView>
                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="85Z-MR-kUV" userLabel="Help View">
-                                        <rect key="frame" x="0.0" y="164" width="808" height="328"/>
+                                        <rect key="frame" x="0.0" y="164" width="414" height="328"/>
                                        <subviews>
                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="n79-h1-Nk3" userLabel="Button">
-                                                <rect key="frame" x="0.0" y="0.0" width="808" height="44"/>
+                                                <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
                                                <subviews>
                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Example values" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" preferredMaxLayoutWidth="120" translatesAutoresizingMaskIntoConstraints="NO" id="dAM-iT-fzu">
                                                        <rect key="frame" x="16" y="12" width="120" height="20"/>
@ -410,7 +421,7 @@
                                                        </userDefinedRuntimeAttributes>
                                                    </label>
                                                    <imageView userInteractionEnabled="NO" contentMode="center" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ic_arrow_gray_down" translatesAutoresizingMaskIntoConstraints="NO" id="m7d-sG-5LN">
-                                                        <rect key="frame" x="776" y="10" width="24" height="24"/>
+                                                        <rect key="frame" x="382" y="10" width="24" height="24"/>
                                                        <constraints>
                                                            <constraint firstAttribute="height" constant="24" id="2aF-WV-ER2"/>
                                                            <constraint firstAttribute="width" constant="24" id="eak-KY-Xaa"/>
@ -420,7 +431,7 @@
                                                        </userDefinedRuntimeAttributes>
                                                    </imageView>
                                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="Suj-t5-ZWs">
-                                                        <rect key="frame" x="16" y="44" width="792" height="1"/>
+                                                        <rect key="frame" x="16" y="44" width="398" height="1"/>
                                                        <constraints>
                                                            <constraint firstAttribute="height" constant="1" id="cv8-Tg-Oin"/>
                                                        </constraints>
@ -429,7 +440,7 @@
                                                        </userDefinedRuntimeAttributes>
                                                    </imageView>
                                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="MiP-Du-s3i">
-                                                        <rect key="frame" x="0.0" y="0.0" width="808" height="44"/>
+                                                        <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
                                                        <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                                        <connections>
                                                            <action selector="toggleExample" destination="Ld6-gM-2hk" eventType="touchUpInside" id="BGK-Ap-YBq"/>
@ -456,7 +467,7 @@
                                                </userDefinedRuntimeAttributes>
                                            </view>
                                            <webView contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="j5R-JF-iCs">
-                                                <rect key="frame" x="10" y="56" width="788" height="260"/>
+                                                <rect key="frame" x="10" y="56" width="394" height="260"/>
                                                <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                                <constraints>
                                                    <constraint firstAttribute="height" priority="750" constant="260" id="sfy-fK-VSx"/>
@ -502,10 +513,10 @@
                                </constraints>
                            </view>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="SZQ-ra-FC3" userLabel="Mode Switch">
-                                <rect key="frame" x="0.0" y="349" width="896" height="44"/>
+                                <rect key="frame" x="0.0" y="818" width="414" height="44"/>
                                <subviews>
                                    <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" lineBreakMode="tailTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="fB1-w2-lJI">
-                                        <rect key="frame" x="0.0" y="0.0" width="896" height="44"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
                                        <inset key="contentEdgeInsets" minX="16" minY="0.0" maxX="0.0" maxY="0.0"/>
                                        <state key="normal" title="Simple Mode"/>
                                        <userDefinedRuntimeAttributes>
@ -516,7 +527,7 @@
                                        </connections>
                                    </button>
                                    <imageView userInteractionEnabled="NO" contentMode="center" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ic_arrow_gray_right" translatesAutoresizingMaskIntoConstraints="NO" id="z8F-55-5rJ">
-                                        <rect key="frame" x="864" y="10" width="24" height="24"/>
+                                        <rect key="frame" x="382" y="10" width="24" height="24"/>
                                        <constraints>
                                            <constraint firstAttribute="width" constant="24" id="ypP-17-bfX"/>
                                            <constraint firstAttribute="height" constant="24" id="zE5-1N-qvh"/>
@ -526,7 +537,7 @@
                                        </userDefinedRuntimeAttributes>
                                    </imageView>
                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="separator_image" translatesAutoresizingMaskIntoConstraints="NO" id="onT-vv-01i">
-                                        <rect key="frame" x="0.0" y="-1" width="896" height="1"/>
+                                        <rect key="frame" x="0.0" y="-1" width="414" height="1"/>
                                        <constraints>
                                            <constraint firstAttribute="height" constant="1" id="UUW-c4-eNA"/>
                                        </constraints>
@ -594,15 +605,15 @@
            <objects>
                <tableViewController id="ocL-kj-jxR" customClass="MWMEditorAdditionalNamesTableViewController" sceneMemberID="viewController">
                    <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="plain" separatorStyle="default" rowHeight="44" sectionHeaderHeight="28" sectionFooterHeight="28" id="tQ2-XI-QWd">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <prototypes>
                            <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" selectionStyle="default" indentationWidth="10" reuseIdentifier="ListCellIdentifier" textLabel="JcK-nR-UGw" detailTextLabel="Cmi-x5-6Vt" style="IBUITableViewCellStyleSubtitle" id="RXe-xp-xlR" customClass="MWMTableViewCell">
-                                <rect key="frame" x="0.0" y="28" width="896" height="44"/>
+                                <rect key="frame" x="0.0" y="28" width="414" height="44"/>
                                <autoresizingMask key="autoresizingMask"/>
                                <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="RXe-xp-xlR" id="g0x-Vt-1FI">
-                                    <rect key="frame" x="44" y="0.0" width="808" height="44"/>
+                                    <rect key="frame" x="0.0" y="0.0" width="414" height="44"/>
                                    <autoresizingMask key="autoresizingMask"/>
                                    <subviews>
                                        <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" text="Title" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="JcK-nR-UGw">
@ -638,7 +649,7 @@
            <objects>
                <tableViewController id="Heu-QR-M0N" customClass="MWMStreetEditorViewController" sceneMemberID="viewController">
                    <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" id="rJJ-UB-6u2">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <inset key="scrollIndicatorInsets" minX="0.0" minY="44" maxX="0.0" maxY="0.0"/>
@ -657,11 +668,11 @@
            <objects>
                <viewController id="QlF-CJ-cEG" customClass="MWMObjectsCategorySelectorController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="MIY-NW-Joh">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="JbV-y9-HBo">
-                                <rect key="frame" x="0.0" y="56" width="896" height="337"/>
+                                <rect key="frame" x="0.0" y="100" width="414" height="762"/>
                                <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <userDefinedRuntimeAttributes>
                                    <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="TableView:PressBackground"/>
@ -672,7 +683,7 @@
                                </connections>
                            </tableView>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="rI9-RR-sKP" userLabel="Status Bar Background">
-                                <rect key="frame" x="0.0" y="-52" width="896" height="108"/>
+                                <rect key="frame" x="0.0" y="-8" width="414" height="108"/>
                                <color key="backgroundColor" red="0.1215686275" green="0.59999999999999998" blue="0.32156862749999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <color key="tintColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                <constraints>
@ -683,7 +694,7 @@
                                </userDefinedRuntimeAttributes>
                            </view>
                            <searchBar contentMode="redraw" translatesAutoresizingMaskIntoConstraints="NO" id="gzF-B7-8pj">
-                                <rect key="frame" x="44" y="0.0" width="852" height="56"/>
+                                <rect key="frame" x="0.0" y="44" width="414" height="56"/>
                                <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                <constraints>
                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="44" id="2uI-k6-ahr"/>
@ -728,11 +739,11 @@
            <objects>
                <viewController id="da4-KT-kzF" customClass="MWMCuisineEditorViewController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="iTG-qE-svw">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" keyboardDismissMode="interactive" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="18" sectionFooterHeight="18" translatesAutoresizingMaskIntoConstraints="NO" id="ina-WD-kps">
-                                <rect key="frame" x="0.0" y="56" width="896" height="337"/>
+                                <rect key="frame" x="0.0" y="100" width="414" height="762"/>
                                <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <userDefinedRuntimeAttributes>
                                    <userDefinedRuntimeAttribute type="string" keyPath="styleName" value="TableView:PressBackground"/>
@ -743,7 +754,7 @@
                                </connections>
                            </tableView>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="HEU-Bu-3wh" userLabel="Status Bar Background">
-                                <rect key="frame" x="0.0" y="-52" width="896" height="108"/>
+                                <rect key="frame" x="0.0" y="-8" width="414" height="108"/>
                                <color key="backgroundColor" red="0.1215686275" green="0.59999999999999998" blue="0.32156862749999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <color key="tintColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                <constraints>
@ -754,7 +765,7 @@
                                </userDefinedRuntimeAttributes>
                            </view>
                            <searchBar contentMode="redraw" translatesAutoresizingMaskIntoConstraints="NO" id="z6s-26-dP6">
-                                <rect key="frame" x="44" y="0.0" width="808" height="56"/>
+                                <rect key="frame" x="0.0" y="44" width="414" height="56"/>
                                <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                <constraints>
                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="44" id="UAk-z1-2EY"/>
@ -798,11 +809,11 @@
            <objects>
                <viewController storyboardIdentifier="DownloadMapsViewController" id="h4a-ne-bSJ" customClass="MWMDownloadMapsViewController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="XQZ-0V-SyR">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="grouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="-1" estimatedSectionHeaderHeight="-1" sectionFooterHeight="1" translatesAutoresizingMaskIntoConstraints="NO" id="CwW-x8-G3j">
-                                <rect key="frame" x="0.0" y="56" width="896" height="337"/>
+                                <rect key="frame" x="0.0" y="100" width="414" height="762"/>
                                <color key="backgroundColor" red="0.93725490199999995" green="0.93725490199999995" blue="0.95686274510000002" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <gestureRecognizers/>
                                <userDefinedRuntimeAttributes>
@ -814,17 +825,17 @@
                                </connections>
                            </tableView>
                            <view clipsSubviews="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="st5-ZJ-F0A" userLabel="UpdateAllView">
-                                <rect key="frame" x="60" y="349" width="776" height="44"/>
+                                <rect key="frame" x="16" y="818" width="382" height="44"/>
                                <subviews>
                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="0aj-pt-FjD">
-                                        <rect key="frame" x="0.0" y="0.0" width="776" height="1"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="382" height="1"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.12" colorSpace="custom" customColorSpace="sRGB"/>
                                        <constraints>
                                            <constraint firstAttribute="height" priority="750" constant="1" id="6LI-Em-15P"/>
                                        </constraints>
                                    </view>
                                    <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="GN0-2F-Ytz" customClass="MWMButton">
-                                        <rect key="frame" x="0.0" y="0.0" width="776" height="44"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="382" height="44"/>
                                        <color key="backgroundColor" red="0.034757062792778015" green="0.31522077322006226" blue="0.81491315364837646" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                        <state key="normal" title="Update All">
                                            <color key="titleColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
@ -837,7 +848,7 @@
                                        </connections>
                                    </button>
                                    <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="bQM-6x-WHa" customClass="MWMButton">
-                                        <rect key="frame" x="0.0" y="0.0" width="776" height="44"/>
+                                        <rect key="frame" x="0.0" y="0.0" width="382" height="44"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                        <state key="normal" title="Update All">
                                            <color key="titleColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
@ -879,7 +890,7 @@
                                </variation>
                            </view>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Xxz-fq-71r" userLabel="Status Bar Background">
-                                <rect key="frame" x="0.0" y="-52" width="896" height="108"/>
+                                <rect key="frame" x="0.0" y="-8" width="414" height="108"/>
                                <color key="backgroundColor" red="0.1215686275" green="0.59999999999999998" blue="0.32156862749999998" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                <color key="tintColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                <constraints>
@ -890,7 +901,7 @@
                                </userDefinedRuntimeAttributes>
                            </view>
                            <searchBar contentMode="redraw" text="" translatesAutoresizingMaskIntoConstraints="NO" id="DPt-gs-efn">
-                                <rect key="frame" x="44" y="0.0" width="808" height="56"/>
+                                <rect key="frame" x="0.0" y="44" width="414" height="56"/>
                                <constraints>
                                    <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="44" id="9M7-y1-RSU"/>
                                </constraints>
@ -900,7 +911,7 @@
                                </connections>
                            </searchBar>
                            <containerView hidden="YES" opaque="NO" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="kXO-Oh-2vO" userLabel="No Maps Container View">
-                                <rect key="frame" x="44" y="56" width="808" height="337"/>
+                                <rect key="frame" x="0.0" y="100" width="414" height="762"/>
                                <connections>
                                    <segue destination="b8o-rZ-x0k" kind="embed" identifier="MapDownloaderNoResultsEmbedViewControllerSegue" id="ish-dC-mkH"/>
                                </connections>
@ -953,20 +964,20 @@
            <objects>
                <viewController storyboardIdentifier="MWMNoMapsViewController" id="3el-Zi-2E4" customClass="MWMNoMapsViewController" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="4WP-vj-Alg">
-                        <rect key="frame" x="0.0" y="0.0" width="808" height="337"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="762"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Gmw-e3-n53" userLabel="Container" customClass="MWMNoMapsView">
-                                <rect key="frame" x="222.5" y="0.0" width="407" height="337"/>
+                                <rect key="frame" x="3.5" y="44" width="407" height="674"/>
                                <subviews>
                                    <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="dCZ-PN-2Ob" userLabel="BoundsView">
-                                        <rect key="frame" x="16" y="0.0" width="375" height="233"/>
+                                        <rect key="frame" x="16" y="0.0" width="375" height="570"/>
                                        <subviews>
                                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="87G-jh-N8H" userLabel="CenteredView">
-                                                <rect key="frame" x="0.0" y="0.0" width="375" height="233"/>
+                                                <rect key="frame" x="0.0" y="160.5" width="375" height="249"/>
                                                <subviews>
                                                    <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalCompressionResistancePriority="749" image="img_no_maps" translatesAutoresizingMaskIntoConstraints="NO" id="vI9-fc-FO2">
-                                                        <rect key="frame" x="115.5" y="0.0" width="144" height="144"/>
+                                                        <rect key="frame" x="107.5" y="0.0" width="160" height="160"/>
                                                        <constraints>
                                                            <constraint firstAttribute="width" secondItem="vI9-fc-FO2" secondAttribute="height" multiplier="1:1" id="f4J-1R-ewM"/>
                                                            <constraint firstAttribute="height" relation="lessThanOrEqual" priority="800" constant="160" id="jwh-bM-u0p"/>
@ -974,7 +985,7 @@
                                                        </constraints>
                                                    </imageView>
                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="У вас нет загруженных карт" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="abh-G0-Alr" userLabel="Title">
-                                                        <rect key="frame" x="0.0" y="164" width="375" height="24"/>
+                                                        <rect key="frame" x="0.0" y="180" width="375" height="24"/>
                                                        <fontDescription key="fontDescription" name="HelveticaNeue-Medium" family="Helvetica Neue" pointSize="20"/>
                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                        <nil key="highlightedColor"/>
@ -984,7 +995,7 @@
                                                        </userDefinedRuntimeAttributes>
                                                    </label>
                                                    <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Загрузите необходимые карты, чтобы находить места и пользоваться навигацией без интернета." textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="LaW-Ad-mYI" userLabel="Text">
-                                                        <rect key="frame" x="0.0" y="200" width="375" height="33"/>
+                                                        <rect key="frame" x="0.0" y="216" width="375" height="33"/>
                                                        <fontDescription key="fontDescription" name="HelveticaNeue" family="Helvetica Neue" pointSize="14"/>
                                                        <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                                        <nil key="highlightedColor"/>
@ -1024,7 +1035,7 @@
                                        </constraints>
                                    </view>
                                    <button opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" adjustsImageWhenHighlighted="NO" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="Moj-UK-oyl" userLabel="DownloadMaps" customClass="MWMButton">
-                                        <rect key="frame" x="83.5" y="253" width="240" height="44"/>
+                                        <rect key="frame" x="83.5" y="590" width="240" height="44"/>
                                        <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.0" colorSpace="custom" customColorSpace="sRGB"/>
                                        <constraints>
                                            <constraint firstAttribute="width" constant="240" id="49x-bx-JJj"/>
@ -1095,11 +1106,11 @@
            <objects>
                <viewController storyboardIdentifier="SearchNoResultsViewController" useStoryboardIdentifierAsRestorationIdentifier="YES" id="0VQ-EO-9Sv" customClass="SearchNoResultsViewController" customModule="maps_me" customModuleProvider="target" sceneMemberID="viewController">
                    <view key="view" contentMode="scaleToFill" id="9jm-RW-DZK">
-                        <rect key="frame" x="0.0" y="0.0" width="896" height="414"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <subviews>
                            <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="EbW-Mp-c6s">
-                                <rect key="frame" x="0.0" y="0.0" width="896" height="393"/>
+                                <rect key="frame" x="0.0" y="241" width="414" height="414"/>
                                <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                                <constraints>
                                    <constraint firstAttribute="width" relation="greaterThanOrEqual" secondItem="EbW-Mp-c6s" secondAttribute="height" multiplier="1:1" id="tBC-sb-Q3g"/>