/*css starts here*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* =Global----------------------------------------------- */
* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
img { border: none; outline: none; max-width: 100%; height: auto }
ul, ul li { list-style: none;}
figure { max-width: 100% }
a { text-decoration: none; color:inherit; outline: none; }

/* Text elements */
p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }
strong {	font-weight: bold; }

.clear {  display: block; width: 100%;  height: 1px;  background: none; clear: both; }

/* Links */
a { color: #812244; text-decoration: none; }
a:focus, a:active, a:hover { text-decoration: none; }
:focus {/* remember to define focus styles! */ outline: 0; }
/* Reset CSS ENDS HERE 
*/

/*server fixes*/
.template-two-col .content { margin:0; }
.blobArticle { margin:0; padding:0; }
.articleMainContent { padding:0; border:0; }
.containerContent,.container-full-width { max-width: 100%; padding:0; }
#main #layout a { box-shadow: none; -webkit-box-shadow: none; padding:0;  }
.container ,
.main-content > .container {  max-width: 100%; width: 100% !important; }
.is-full-width .main-content > .container > .inner { padding:0 !important; }
.template-two-col.container-full-width, .template-two-col .container-full-width { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0; overflow: visible; }
.mdex-test.template-article .article-container { padding: 0; margin: 0 auto; max-width: 100%; width: 100%; }
.template-two-col .content { max-width: 100% !important; }

.template-article .two-col-container .two-col-main-content .article-content{ margin-top:0; }

.ntvBlueBarDisclaimer .hoverI{ height:auto; }

.articleContainer__header, .articleContainer__content { max-width: 100% !important; margin:0 !important; }

.component.navigation-test.sticky-nav .main-new, .karma-leaderboard-docking-element.docked{ position:absolute !important; }

.template-article.mdex-test .article-container .content.content-breadcrumbs, .template-article.mdex-test .article-container .content.two-col-main-content { margin: 0px !important; }

/*server fixes*/
.articleContainer { max-width: 100% !important; }
.article-content-container{ text-align:center; }
.ad_container { padding: 20px 0; }
.piximg { display: none; }

html { -webkit-font-smoothing: antialiased; }
body { font-size:14px; color:#000; background:#fff; -webkit-font-smoothing: antialiased; }

div.ntvBlueBarDisclaimer {
    z-index: 9;
    position: relative;
}
html.fixedbody body { overflow: hidden; height: 100%; }

#main { text-align:center; padding:0 !important; margin:0 !important; overflow-x: clip; }

/* layout */
#main #layout { padding-top: 55px; margin: 0 auto; display:block; width: 100%; position:relative; z-index:1; }
#main #layout.innerpage { }

#main #layout sup { font-size: 70%; vertical-align: super; line-height: 1; }
#main #layout h1 sup,
#main #layout h2 sup,
#main #layout h3 sup { font-size: 60%; }

#main #layout .mobile{ display:none !important; }

#header11 { height: 55px; background: #fff; }
#main #layout .wrapper { padding: 0 15px; max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }
#main #layout .mobileonly { display: none; }
#main #layout .tabletonly { display: none; }
#main #layout .d-flex { display: flex; flex-wrap: wrap; }
#main #layout .a-center { align-items: center; }
#main #layout .a-bottom { align-items: flex-end; }
#main #layout .j-center { justify-content: center; }
#main #layout .j-end { justify-content: flex-end; }
#main #layout .reverse { flex-direction: row-reverse; }
#main #layout .a-top { align-items: flex-start; }

.head-wrap { /*float: left;*/ display:block; width: 100%; position: fixed; left: 0px; top: 0px; z-index:99; }

.ad_container { min-height: 110px; float: left; width: 100%; }
.advb { position: absolute; left: 0px; top: 0px; }
.head-wrap .ad_container{ background:#000; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 10px auto 10px; max-height: 90px; max-width:728px; background:#ccc; }
.ad_container .ad img { vertical-align: top; }

/*header { float: left; width: 100%; background: #000; text-align: center; position:absolute; z-index:999999; left:0; bottom:0; }*/
header { float: left; width: 100%; background: #000; text-align: center; z-index:99; position: relative; border-bottom: 0px solid #000; }
header.show { position: fixed; top:0; bottom: auto; }

/*********Header Css*********/
header .header_inner{ float: left; width:100%; padding: 0 0px 0 0px; position: relative; min-height: 55px; z-index:99; }
#main #layout header .wrapper { margin: 0 auto; padding: 0; width: 100%; }
header ul.left_logos { float: left; display: flex; align-items: center; margin: 0px; padding: 11px 0 0 10px; font-size:0; }
header ul.left_logos li { padding: 0px; display: inline-block; vertical-align: middle; }
header ul.left_logos li.plus { padding: 0px 13px; }
header ul.left_logos li.plus img { max-width: 6px !important; height: auto; }
header ul.left_logos li a { display: block; vertical-align: top; font-size: 0px; }
header ul.left_logos li a img { vertical-align: top; }

header ul.left_logos li.garden_logo { padding-bottom: 0px; padding-right: 0px; }
header ul.left_logos li.garden_logo a { width: 136px; }

header ul.left_logos li.fw_logo { padding-top: 0px; }
header ul.left_logos li.fw_logo a { width: 165px; }

header ul.left_logos li.tl_logo { padding-top: 0px; }
header ul.left_logos li.tl_logo a { width: 124px; }

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: "roboto",sans-serif;font-size:12px; line-height: 18px; font-weight:600; background:#bce2f1; padding:0 10px 3px 10px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }
header .show_text { float:left; width:100%; font-family: "roboto",sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text a { color: #003865; }
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

header ul.social_icon { list-style: none; float: right; width: auto; margin: 15px 0px 0 0; }
header ul.social_icon li { list-style: none; display: inline-block; float: left; margin-left: 7px; }
header ul.social_icon li:first-child { margin-left: 0; }
header ul.social_icon li a { display: block; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; font-size: 0px; }
header ul.social_icon li a i { font-size: 12px; line-height: 23px; color: #fff; display: inline-block; vertical-align: top; }
header ul.social_icon li a.instagram i { font-size: 11px; }
header ul.social_icon li a.email i { font-size: 11px; }
header ul.social_icon li a:hover { opacity: 0.7; }
#layout header .paidcontent { max-width: 150px; margin: 20px auto 8px; position: absolute; right: 30px; transform: translateX(0); z-index: 10; }
#layout header .paidcontent a { font-family: "roboto",sans-serif; font-size: 11px; font-weight: normal; color: #fff; text-transform: uppercase; text-decoration: none; border: 0px; background: none; letter-spacing: 0.3px; }
#layout header .paidcontent a i { margin-right: 2px; font-size: 11px; }
#layout header .paidcontent span { position: absolute; right: 0px; top: calc(100% + 12px); padding: 10px; width: 220px; text-align: center; font-size: 11px; display: block; border: #666 solid 1px; background: #fff; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); z-index: 101; font-family: "roboto",sans-serif; }
#layout header .paidcontent span:after { content: ""; position: absolute; left: 120px; top: -7px; border-top: #666 solid 1px; border-right: #666 solid 1px; width: 12px; height: 12px; transform: rotate(-45deg); background: #fff; }
#layout header .paidcontent:hover span { opacity: 1; visibility: visible; }
#layout header .sponsoredby { position: absolute; left: 50%; transform: translateX(-50%); top: 42px; z-index: 10; color: #000; font-family: "roboto",sans-serif; font-size: 11px; font-style: normal; font-weight: 700; line-height: 15px; /* 136.364% */ letter-spacing: 0.3px; text-transform: uppercase; }

#main #layout h1, #main #layout h2, #main #layout h3, #main #layout h4, #main #layout h5, #main #layout h6  { padding: 0px; margin: 0px; font-family: "ivyora-display",serif; font-weight: 400; }
#main #layout p { padding: 0px 0px 25px; margin: 0px; font-family: "helvetica-neue-lt-pro",sans-serif; font-size: 17px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: 0; }
#main #layout.premium { padding-top: 149px; }
#main #layout.innerpage { padding-top: 0px; }

/********************Home Screen************************/
#main #layout .banner_sec { padding: 0px 0px 0px; position: relative; }
#main #layout .banner_sec:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); }
#main #layout .banner_sec img.banner-img { display: block; width: 100%; max-height: 676px; object-fit: cover; }
#main #layout .banner_sec .text { position: absolute; left: 50%; top: 52px; transform: translateX(-50%); width: 95%; max-width: 860px; z-index: 2; }
#main #layout .banner_sec h1 { padding-bottom: 9px; color: #FFF; font-size: 64.274px; font-style: italic; font-weight: 300; line-height: normal; }
#main #layout .banner_sec h1 strong { font-style: normal; font-weight: 400; }
#main #layout .banner_sec p { padding-bottom: 23px; color: #fff; line-height: 25px; }
#main #layout .banner_sec a.startexplore { padding-bottom: 73px; color: #FFF; font-family: "ivyora-display",serif; font-size: 24.103px; font-style: italic; font-weight: 300; line-height: normal; display: inline-block; position: relative; cursor: pointer; }
#main #layout .banner_sec a.startexplore span { display: block; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 55px; height: 55px; font-size: 0px; background: url(../images/arrow-down.png) no-repeat; background-size: 100%; animation: startExploreBounce 1.8s ease-in-out infinite; }
@keyframes startExploreBounce {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50%      { transform: translateX(-50%) translateY(10px); }
}
@media (prefers-reduced-motion: reduce) {
	#main #layout .banner_sec a.startexplore span { animation: none; }
}
#main #layout .banner_sec { }
#main #layout .banner_sec { }
#main #layout .banner_sec { }

#main #layout .content_sec { padding: 111px 0px 0px 0px; }
#main #layout .content_sec .intro { padding: 0 15px; max-width: 900px; margin: 0 auto; }
#main #layout .content_sec h2 { padding-bottom: 105px; color: #000; text-align: center; font-family: "ivyora-display",serif; font-size: 36px; font-style: normal; font-weight: 400; line-height: 1.3; }
#main #layout .content_sec span.subtitle { padding-bottom: 30px; display: block; color: #000; font-family: "helvetica-neue-lt-pro",sans-serif; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.7px; }
/* Full-width carousel: span the whole viewport edge-to-edge. Cards keep a
   FIXED width (slick variableWidth in custom.js), so wider screens simply show
   more cards rather than stretching them.
   overflow:hidden clips off-screen slides horizontally, but the outer cards in
   the arc drop and would get clipped at the bottom. Vertical padding (cancelled
   by negative margin) extends the clip box down so they fit. */
#main #layout .content_sec .sliderbox { max-width: 100%; margin: -30px auto -130px; padding: 30px 0 130px; overflow: hidden; position: relative; }
#main #layout .content_sec .sliderbox .slick-list { overflow: visible; }
#main #layout .content_sec .sliderbox .mainslidebg { max-width: 100%; margin: 0 auto; }
/* 340px = original card width (266px image + 37px side padding each side). */
#main #layout .content_sec .sliderbox .slide-item { width: 340px; padding: 37px 37px 60px; }
/* Curved carousel.
   The arc (translateY + rotate) is computed PER TILE in JS from each tile's
   live horizontal distance to the carousel centre, and recalculated every
   animation frame while the track slides — so tiles ride one continuous
   circular path and travel smoothly along it instead of snapping between
   class-based states. See setupCurvedCarousel() in custom.js.
   No CSS transition on the transform here: the rAF loop drives it each frame;
   a transition would lag and fight those updates. transform-origin is the
   tile centre so rotation pivots cleanly. */
#main #layout .content_sec .sliderbox .slide-item a { display: block; position: relative; transform-origin: 50% 50%; will-change: transform; }
#main #layout .content_sec .sliderbox .slide-item a:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.20); }
#main #layout .content_sec .sliderbox .slide-item a span { display: block; position: absolute; top: 48%; left: 0px; width: 100%; text-align: center; color: #FFF; font-family: "helvetica-neue-lt-pro",sans-serif; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.7px; text-transform: uppercase; }
/* Arrows sit in the gap just below the card row. Their `top` is set in JS
   (positionArrows) from the live row bottom so they never collide with the
   section below. High z-index keeps them above the following headshot/title. */
#main #layout .content_sec .sliderbox .slick-arrow { position: absolute; left: 50%; top: 480px; margin-left: -65px; width: 53px; height: 15px; font-size: 0px; cursor: pointer; border: 0px; background: url(../images/arrow-left.png) no-repeat; background-size: 100%; opacity: 0.4; z-index: 60; }
#main #layout .content_sec .sliderbox .slick-next { margin-left: 7px; background: url(../images/arrow-right.png) no-repeat; background-size: 100%; }
#main #layout .content_sec .sliderbox .slick-arrow:hover { opacity: 1; }
#main #layout .content_sec .sliderbox .slick-arrow { }
#main #layout .content_sec .sliderbox { }
#main #layout .content_sec .sliderbox { }
#main #layout .content_sec .tabdetailsbox { padding-top: 60px; }
#main #layout .content_sec .tabdetailsbox .tabcontent { display: none; }
#main #layout .content_sec .tabdetailsbox #norway { display: block; }
#main #layout .content_sec .tabdetailsbox .headings { padding: 0 15px 69px; max-width: 660px; margin: 0 auto; }
#main #layout .content_sec .tabdetailsbox .headings figure { padding-bottom: 13px; display: block; max-width: 298px; margin: 0 auto; }
#main #layout .content_sec .tabdetailsbox .headings h3 { padding-bottom: 16px; font-size: 45px; font-style: normal; font-weight: 400; line-height: 100.09%; }
#main #layout .content_sec .tabdetailsbox .headings p em { font-style: italic; }
#main #layout .content_sec .tabdetailsbox .headings { }
#main #layout .content_sec .tabdetailsbox .banner1 { position: relative; }
#main #layout .content_sec .tabdetailsbox .banner1:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.10); }
#main #layout .content_sec .tabdetailsbox .banner1 img { display: block; width: 100%; max-height: 560px; object-fit: cover; }
#main #layout .content_sec .tabdetailsbox .banner2 img { max-height: 520px; }
#main #layout .content_sec .tabdetailsbox .midcontents { padding: 99px 0px 77px 0px; max-width: 560px; margin: 0 auto; text-align: left; }
#main #layout .content_sec .tabdetailsbox .midcontents h4 { padding-bottom: 18px; color: #000; font-size: 30px; line-height: 100.09%; text-transform: uppercase; }
#main #layout .content_sec .tabdetailsbox .midcontents p { padding-bottom: 42px; }
#main #layout .content_sec .tabdetailsbox .midcontents .scroll-box { height: 495px; overflow: hidden;  }
#main #layout .content_sec .tabdetailsbox .midcontents .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0,0,0,0.3); }
#main #layout .content_sec .tabdetailsbox .midcontents { }
#main #layout .content_sec .tabdetailsbox .videobgimg { position: relative; max-width: 333px; margin: 0 auto 100px; }
#main #layout .content_sec .tabdetailsbox .videobgimg a.playvid { display: block; position: relative; }
#main #layout .content_sec .tabdetailsbox .videobgimg a.playvid img { display: block; }
#main #layout .content_sec .tabdetailsbox .videobgimg a.playvid:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.10); }
#main #layout .content_sec .tabdetailsbox .videobgimg a.playvid:after { content: ""; position: absolute; left: 50%; top: 50%; width: 77px; height: 75px; transform: translate(-50%,-50%); background: url(../images/play-btn.png) no-repeat; background-size: 100%; z-index: 2; }
#main #layout .content_sec .tabdetailsbox .videobgimg .mainvid { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; }
#main #layout .content_sec .tabdetailsbox .videobgimg .mainvid.showit { opacity: 1; visibility: visible; }
#main #layout .content_sec .tabdetailsbox .videobgimg a.playvid.hideit { opacity: 0; visibility: hidden; }
#main #layout .content_sec .tabdetailsbox .videobgimg .jwplayer.jw-flag-aspect-mode { height: 100% !important; }
#main #layout .content_sec .tabdetailsbox .videobgimg .jwplayer.jw-stretch-uniform .jw-media video { object-fit: cover; }
#main #layout .content_sec .tabdetailsbox { }
#main #layout .content_sec .tabdetailsbox { }
#main #layout .content_sec .tabdetailsbox #india { }
#main #layout .content_sec .tabdetailsbox #india .headings { padding-bottom: 38px; }
#main #layout .content_sec .tabdetailsbox #india .headings figure { max-width: 156px; }
#main #layout .content_sec .tabdetailsbox #india .headings { }
#main #layout .content_sec .tabdetailsbox #india .headings { }
#main #layout .content_sec .tabdetailsbox #india { }
#main #layout .content_sec .tabdetailsbox #denmark { padding-top: 22px; }
#main #layout .content_sec .tabdetailsbox #denmark .headings figure { max-width: 155px; }
#main #layout .content_sec .tabdetailsbox #denmark .headings { padding-bottom: 38px; }
#main #layout .content_sec .tabdetailsbox #denmark { }
#main #layout .content_sec .tabdetailsbox #newfoundland { margin-top: -36px; }
#main #layout .content_sec .tabdetailsbox #newfoundland .headings { max-width: 700px; }
#main #layout .content_sec .tabdetailsbox #newfoundland { }
#main #layout .content_sec .tabdetailsbox { }
#main #layout .content_sec .bottomcontentCta { padding: 94px 0px 125px; max-width: 948px; margin: 0 auto; }
#main #layout .content_sec .bottomcontentCta h4 { padding-bottom: 40px; color: #000; font-size: 30px; font-style: normal; font-weight: 400; line-height: 35px; }
#main #layout .content_sec .bottomcontentCta h4 a { color: #000; font-style: italic; font-weight: 500; text-decoration-line: underline; text-decoration-thickness: 1px; }
#main #layout .content_sec .bottomcontentCta h4 a:hover { text-decoration: none; }
#main #layout .content_sec .bottomcontentCta .productlist { padding: 15px 30px 0; }
#main #layout .content_sec .bottomcontentCta .productlist ul { list-style: none; }
/* Slick clips slides with overflow:hidden on .slick-list. Pad it vertically
   (cancelled by an equal negative margin) so the hover scale-up isn't cropped
   top/bottom, while keeping the horizontal clipping Slick needs intact. */
#main #layout .content_sec .bottomcontentCta .productlist .slick-list { padding-top: 20px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -20px; }
#main #layout .content_sec .bottomcontentCta .productlist li { padding: 0 25px; text-align: center; }
#main #layout .content_sec .bottomcontentCta .productlist li img { display: block; margin: 0 auto; max-height: 146px; transition: transform 0.3s ease; will-change: transform; }
#main #layout .content_sec .bottomcontentCta .productlist li a:hover img,
#main #layout .content_sec .bottomcontentCta .productlist li a:focus img { transform: scale(1.15); }
#main #layout .content_sec .bottomcontentCta .productlist li a { display: inline-block; color: #000; font-family: "helvetica-neue-lt-pro",sans-serif; font-size: 17px; font-style: normal; font-weight: 400; line-height: 25px; }
#main #layout .content_sec .bottomcontentCta .productlist li a span { padding-top: 15px; display: block; }
#main #layout .content_sec .bottomcontentCta .productlist li.img4 a img { max-height: 144px; }
#main #layout .content_sec .bottomcontentCta .productlist { }
#main #layout .content_sec .pagesliderbox { max-width: 100%; margin: 6px auto 0; }
#main #layout .content_sec .pagesliderbox .videobg { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; background: #fff; overflow: hidden; }
/* Poster + player share one centred 16:9 box: as wide as the frame allows
   without the 16:9 height exceeding the pinned viewport (100vh - 55px header).
   The video always keeps its proportions; the frame's white bg fills the rest. */
#main #layout .content_sec .pagesliderbox .videobg a.playvid { display: block; position: relative; width: min(100%, calc((100vh - 55px) * 1.77778)); height: auto; aspect-ratio: 16 / 9; background: #fff; }
#main #layout .content_sec .pagesliderbox .videobg a.playvid.hideit { opacity: 0; visibility: hidden; }
#main #layout .content_sec .pagesliderbox .videobg .videobox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(100%, calc((100vh - 55px) * 1.77778)); height: auto; aspect-ratio: 16 / 9; opacity: 0; visibility: hidden; background: #fff; }
#main #layout .content_sec .pagesliderbox .videobg .videobox > div { width: 100%; height: 100%; background: #fff; }
#main #layout .content_sec .pagesliderbox .videobg .videobox.showit { opacity: 1; visibility: visible; }
#main #layout .content_sec .pagesliderbox .videobg a.playvid:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 141px; height: 136px; background: url(../images/play-btn1.png) no-repeat; background-size: 100%; }
#main #layout .content_sec .pagesliderbox .videobg a.playvid img { display: block; width: 100%; height: 100%; object-fit: cover; background: #fff; }
#main #layout .content_sec .pagesliderbox .videobg { }
#main #layout .content_sec .pagesliderbox .slideitem { height: calc(100vh - 55px); position: relative; }
#main #layout .content_sec .pagesliderbox .slideitem.mobile-only-slide { display: none; }
/* Give content frames the full slide height at every width. Percentage heights
   on .img/.img img silently resolve to auto without this; the old full-bleed
   crops happened to mask it, the frame-8 inset (object-fit: contain) does not. */
#main #layout .content_sec .pagesliderbox .slideitem .contentimg { width: 100%; height: 100%; }
#main #layout .content_sec .pagesliderbox ul.slick-dots { list-style: none; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); margin: 0px; }
#main #layout .content_sec .pagesliderbox ul.slick-dots li { padding: 3px 0px; }
#main #layout .content_sec .pagesliderbox ul.slick-dots li button { display: block; width: 9px; height: 9px; border: 0px; border-radius: 50%; cursor: pointer; font-size: 0px; background: #E1E1E1; cursor: pointer; }
#main #layout .content_sec .pagesliderbox ul.slick-dots li.slick-active button { background: #ADADAD; }
#main #layout .content_sec .pagesliderbox ul.slick-dots { }
#main #layout .content_sec .pagesliderbox .contentimg .slidetext { display: flex; justify-content: flex-end; width: 37.1%; }
#main #layout .content_sec .pagesliderbox .contentimg .slidetext .midtext { padding: 92px 85px 0px 20px; width: 100%; max-width: 396px; text-align: left; }
#main #layout .content_sec .pagesliderbox .contentimg .img { width: 62.9%; height: 100%; overflow: hidden; }
#main #layout .content_sec .pagesliderbox .contentimg .img img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
#main #layout .content_sec .pagesliderbox .contentimg .slidetext { }
#main #layout .content_sec .pagesliderbox .contentimg .slidetext { }
#main #layout .content_sec .pagesliderbox .contentimg h3 { padding-bottom: 19px; color: #000; font-size: 30px; font-weight: 400; line-height: 100.09%; text-transform: uppercase; }
#main #layout .content_sec .pagesliderbox .slideimg { width: 100%; height: 100%; position: relative; }
/* Frame-3 pair — geometry from Libby's redone frames (1280 design): left image
   x=73 w=562 top-flush, right image w=467 bottom-flush with a 76px right margin. */
#main #layout .content_sec .pagesliderbox .slideimg figure.img1 { margin-left: 5.7%; width: 43.9%; max-width: 562px; }
#main #layout .content_sec .pagesliderbox .slideimg figure.img2 { width: 50.2%; left: 0px; bottom: 0px; position: absolute; max-width: 640px; }
#main #layout .content_sec .pagesliderbox .slideimg figure.img3 { position: absolute; right: 5.9%; top: auto; bottom: 0px; transform: translateY(0); width: 36.5%; max-width: 467px; }
#main #layout .content_sec .pagesliderbox .s4 { flex-direction: row-reverse; }
#main #layout .content_sec .pagesliderbox .s4 .img { width: 62%; }
#main #layout .content_sec .pagesliderbox .s4 .slidetext { justify-content: flex-start; width: 38%; }
#main #layout .content_sec .pagesliderbox .s4 .slidetext .midtext { padding: 92px 20px 0px 88px; max-width: 400px; }
#main #layout .content_sec .pagesliderbox .s5 { display: flex; align-items: center; justify-content: center; }
#main #layout .content_sec .pagesliderbox .s5 .imgfull img { height: auto; min-height: 0; object-fit: contain; }
#main #layout .content_sec .pagesliderbox .s5 { }
#main #layout .content_sec .pagesliderbox .s7 .slidetext .midtext { padding: 92px 20px 0px 60px; max-width: 410px; }
#main #layout .content_sec .pagesliderbox .s7 { }
#main #layout .content_sec .pagesliderbox .s7 .img { width: 62.9%; }
#main #layout .content_sec .pagesliderbox .s7 .slidetext { width: 37.1%; }
#main #layout .content_sec .pagesliderbox .s7 { }
/* Frame 8 (both itineraries): the image is no longer a full-bleed crop — Libby's
   redone frames inset it (50px top/bottom, ~4.6% right margin) so the whole
   retouched crop stays visible at every viewport. object-fit: contain against
   the white frame does the rest. */
#main #layout .content_sec .pagesliderbox .s8 .img { width: 52.4%; padding: 50px 4.6% 50px 0; }
#main #layout .content_sec .pagesliderbox .s8 .img img { object-fit: contain; }
#main #layout .content_sec .pagesliderbox .s8 .slidetext { width: 47.6%; }
#main #layout .content_sec .pagesliderbox .s8 .slidetext .midtext { padding: 140px 58px 0px 20px; max-width: 490px; }
#main #layout .content_sec .pagesliderbox .s8 .slidetext .midtext h3 { padding-bottom: 23px; }
#main #layout .content_sec .pagesliderbox .s8 .slidetext .midtext p + h3 { padding-top: 33px; }
#main #layout .content_sec .pagesliderbox .s8 { }
#main #layout .content_sec .pagesliderbox .s9 { display: flex; align-items: center; }
#main #layout .content_sec .pagesliderbox .s9 figure.img1 { margin-left: 0; width: 50%; max-width: 640px; }
#main #layout .content_sec .pagesliderbox .s9 figure.img2 { position: absolute; left: auto; right: 5.7%; margin: 0px; top: 0px; width: 35.20%; max-width: 451px; }
#main #layout .content_sec .pagesliderbox .s9 figure.img3 { position: absolute; right: 14.8%; top: auto; bottom: 0px; transform: translate(0); width: 41.36%; max-width: 528px; }
#main #layout .content_sec .pagesliderbox .s9 { }
#main #layout .content_sec .pagesliderbox .norway-final-frame .norway-mobile-crop { display: none; }
#main #layout .content_sec .pagesliderbox .newfoundland-rocks-frame .newfoundland-rocks-mobile { display: none; }
#main #layout .content_sec .pagesliderbox .newfoundland-basket-frame .newfoundland-basket-mobile { display: none; }
#main #layout .content_sec .pagesliderbox .newfoundland-where-frame .newfoundland-where-mobile { display: none; }
#main #layout .content_sec .pagesliderbox .testimonial { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
#main #layout .content_sec .pagesliderbox .testimonial .testimonialmid { width: 100%; max-width: 774px; }
#main #layout .content_sec .pagesliderbox .testimonial blockquote { padding: 67px 0 48px; background: url(../images/quote-icon.png) center top no-repeat; background-size: 47px; color: #000; font-family: "ivyora-display",serif; font-size: 36px; font-style: normal; font-weight: 400; line-height: 1.3; }
#main #layout .content_sec .pagesliderbox .testimonial span.name { display: block; color: #000; font-family: "ivyora-display",serif; font-size: 36px; font-style: italic; font-weight: 400; line-height: 100.09%; }
#main #layout .content_sec .pagesliderbox .testimonial { }
#main #layout .content_sec .pagesliderbox .imgfull { width: 100%; height: 100%; }
#main #layout .content_sec .pagesliderbox .imgfull img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
#main #layout .content_sec .pagesliderbox .jwplayer { width: 100% !important; height: 100% !important; background: #fff !important; }
#main #layout .content_sec .pagesliderbox .jwplayer .jw-wrapper,
#main #layout .content_sec .pagesliderbox .jwplayer .jw-media,
#main #layout .content_sec .pagesliderbox .jwplayer .jw-preview,
#main #layout .content_sec .pagesliderbox .jwplayer video { background: #fff !important; }
#main #layout .content_sec .pagesliderbox .jwplayer.jw-stretch-uniform .jw-media video { object-fit: contain; }
#main #layout .content_sec .pagesliderbox .s5 .imgfull { max-width: 817px; height: auto; }
#main #layout .content_sec .pagesliderbox.newfoundland { }
#main #layout .content_sec .pagesliderbox.newfoundland .s8 .slidetext .midtext { padding: 100px 58px 0px 20px; }
#main #layout .content_sec .pagesliderbox.newfoundland .s9 figure.img1 { }
#main #layout .content_sec .pagesliderbox.newfoundland .s32 { display: flex; align-items: center; }
#main #layout .content_sec .pagesliderbox.newfoundland .s32 figure.img1 { margin-left: 5.3%; max-width: 481px; width: 37.5%; }
#main #layout .content_sec .pagesliderbox.newfoundland .s32 figure.img2 { left: auto; right: 5%; bottom: auto; top: 50%; transform: translateY(-50%); width: 50%; max-width: 640px; }
#main #layout .content_sec .pagesliderbox.newfoundland .s32 { }
#main #layout .content_sec .pagesliderbox.newfoundland .testimonial .testimonialmid { max-width: 700px; }
#main #layout .content_sec .pagesliderbox.newfoundland { }

#main #layout .content_sec .mobile-intro-video { display: none; }

.pagesliderbox.pin-wrapper {
  position: relative;
  width: 100%;
}

.pageslider-pin {
  position: sticky;
  top: 55px;
  height: calc(100vh - 55px);
  width: 100%;
  overflow: hidden;
}

.pageslider-pin .pageslider {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  width: max-content;
  will-change: transform;
  /* The scroll handler snaps translate3d to whole frames (paintHorizontalSlider
     in custom.js); this transition is what makes each frame glide in from the
     side instead of jumping when the snapped value changes. */
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .pageslider-pin .pageslider { transition: none; }
}

.pageslider-pin .slideitem img {
  max-width: 100%;
}

.pageslider-pin .slideitem {
  flex: 0 0 100vw;
  width: 100vw;
  height: 100%;
}

.hiddentext { display: none; }

#main #layout .cta_sec { }

#main #layout #lightboxbg { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 201; background: rgba(0,0,0,0.5); }
#main #layout #lightboxbg .popumid { height: 710px; max-height: 80%; width: 400px; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main #layout #lightboxbg .popumid .jwplayer { height: 100% !important; }
#main #layout #lightboxbg a.closebtn { position: absolute; right: 0px; top: -30px; color: #fff; font-size: 20px; font-family: 'RobotoRegular'; }

/**************************************Footer Css**************************************************/
#main #layout footer { display:block; width: 100%; background: #000; padding: 18px 0; text-align: center; z-index: 99; overflow:hidden; position: relative; }
#main #layout footer .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
#main #layout footer .logosleft { margin-left: 10px; display: flex; align-items: center; justify-content: center; }
#main #layout footer .logosleft span.sep { margin: 0 7px; display: block; width: 1px; height: 28px; background: #fff; }
#main #layout footer .logosleft a.footer_logo1 { max-width: 56px; }
#main #layout footer .logosleft a.footer_logo { max-width: 212px; width: 100%; font-size: 0px; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 100%; }

footer ul { list-style: none; padding: 5px 15px 5px 0; }
footer ul li { display: inline-block; font-family: 'RobotoRegular', sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; padding: 0 5px 0 8px; position:  relative; }
footer ul li:not(:first-child):before { content: ""; position: absolute; left:  0px; top:  3px; width: 1px; height: 12px; background: #fff; }
footer ul li a { display: block; color: #fff; }
footer ul li a:hover, footer ul li a:focus { color: #fff; }
/**************************************Footer Css**************************************************/ 

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    -webkit-transform: scale(5);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  50% {
    opacity: 0.99;
  }
  70% {
    opacity: 0.85;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}


html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }