@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/roboto-bold.woff2') format('woff2'),	url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/roboto-bolditalic.woff2') format('woff2'),	url('../fonts/roboto-bolditalic.woff') format('woff'), url('../fonts/roboto-bolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/roboto-regular.woff2') format('woff2'),	url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-weight: normal;
	font-style: italic;
	src: url('../fonts/roboto-italic.woff2') format('woff2'),	url('../fonts/roboto-italic.woff') format('woff'), url('../fonts/roboto-italic.ttf') format('truetype');
}











html{ background: #000; color: #fff;  margin: 0; padding: 0;  }
body{ margin: 0; padding: 0; min-width: 320px; }
#hostFooter{ overflow-x: hidden; }
#container{  background: #000 url(../images/tablet-container.png) repeat-x center top; background-size: auto 698px;  color: #fff;  font-family: 'Roboto', sans-serif; padding-bottom: 80px; }
#wrapper{ overflow-x: hidden; }
.inner{ margin: 0 auto; position: relative; max-width: 728px; }
a{ color: inherit; text-decoration: underline; }
@media (min-width: 1280px){
	.inner{ max-width: 1200px; }
}
@media (max-width: 767px){
	.inner{ max-width: 320px; }
}
/**/


#goto-hero{ padding-top: 36px; padding-bottom: 48px; }
#goto-hero .inner{}
#goto-hero .spnsr{ margin-bottom: 63px; }
#goto-hero .spnsr a{ display: table; margin: 0 auto; }
#goto-hero .spnsr img{ display: block; height: auto; }
#goto-hero .hero{}
#goto-hero .hero-title{ background: url(../images/h1.gif) no-repeat center center; background-size: contain; height: 240px; margin: 0 auto; overflow: hidden; text-indent: -999em; }
#goto-hero .hero-content{ font-size: 1.4375rem; line-height: 1.5217391304; text-align: center; margin-bottom: 42px; }
#goto-hero .hero-cta{}
#goto-hero .hero-cta a{ background: #000; border: 2px solid #F2160A; border-radius: 26px; color: #fff; display: table; margin: 0 auto; font-size: 1.625rem; font-weight: bold; font-style: italic; line-height: 52px; padding: 0 1.325em; text-decoration: none; }
#goto-hero .hero-cta a:focus,
#goto-hero .hero-cta a:hover{ background: #F2160A; color: #fff; }
@media (min-width: 1280px){
	#goto-hero .inner{ max-width: 720px; }
}
@media (max-width: 767px){
	#goto-hero{ padding: 0 20px; padding-top: 28px; padding-bottom: 32px; }
	#goto-hero .spnsr{ margin-bottom: 32px; }
	#goto-hero .spnsr img{ width: 164px; }
	#goto-hero .hero-title{ height: 110px; max-width: 320px; margin-bottom: 30px; }
	#goto-hero .hero-content{ font-size: 1.0625rem; line-height: 1.4705882353; margin-bottom: 42px; }
	#goto-hero .hero-cta a{ font-size: 1.375rem; border-radius: 21px; line-height: 42px; padding: 0 1em;  }
}



#goto-map{}
#goto-filters{ position: absolute; left: 10px; top: 10px; z-index: 9999; }
#goto-filters ul{ margin: 0; padding: 0; }
#goto-filters li{ list-style: none; margin: 0; padding: 0; }
#goto-filters label{ cursor: pointer; display: block; }
#goto-filters input{ left: -9999em; position: absolute; }
#goto-filters span{ position: relative; padding-left: 50px; font-size: 12px; line-height: 30px; }
#goto-filters span:before{ content: ''; display: block; border-radius: 12px; height: 20px; width: 36px; background: #000; border: 1px solid #707070; position: absolute; left: 0; top: -2px; }
#goto-filters span:after{ content: ''; display: block; background: #707070; border-radius: 50%; height: 16px; width: 16px; left: 3px; top: 1px; position: absolute; transition: all 0.25s; }
#goto-filters label:focus-within span:before, #goto-filters label:hover span:before{ border-color: #fff; }
#goto-filters input:checked + span:after{ background: #fff; left: 18px; }
#googlemap{ border: 1px solid #707070; background: #333; color: #000; height: 400px; }
#googlemap .gm-style-iw{ display: block; padding: 0; }
#googlemap .gm-style-iw-chr{ position: absolute; right: 0; top: 0; }
#googlemap .gm-ui-hover-effect{ height: 24px !important; width: 24px !important;  }
#googlemap .gm-ui-hover-effect span{ margin: 6px !important; height: 12px !important; width: 12px !important; }
#googlemap .gm-style-iw-d{ border: 0; margin: 0; padding: 0; overflow: hidden !important;  }
#googlemap .marker{ background: #FFFFFF; border: 1px solid #707070; border-radius: 5px; padding: 4px; width: 360px; }
#googlemap .marker-inner{ display: table; width: 100%; }
#googlemap .marker-image,
#googlemap .marker-container{ display: table-cell; vertical-align: top; }
#googlemap .marker-image{ width: 65px; }
#googlemap .marker-image img{ border-radius: 3px; }
#googlemap .marker-container{ font-size: 14px; line-height: 17px; padding-right: 40px;  }
#googlemap .marker-title{ font-weight: bold; }
#googlemap .marker-content{ margin-top: 0.25em; }
#googlemap .marker-cta{ margin-top: 0.25em; }
#googlemap .marker-cta a:focus{ box-shadow: none; outline: none; }
/**/
@media (min-width: 1280px){
	#googlemap{ height: 660px; }
}
@media (max-width: 767px){
	#goto-map{ padding: 0 10px; }
	#goto-map .inner{ max-width: none; }
	#googlemap .gm-style-iw{ max-width: 360px !important; }
	#googlemap .marker{ width: 300px; }
	#googlemap{ height: 440px; }
}
@media (max-width: 374px){
	#googlemap .gm-style-iw{ max-width: 300px !important; }
	#googlemap .marker{ width: 300px; }
}


#goto-galleries{ padding-top: 55px; padding-bottom: 26px;  }
#goto-galleries .intro{ margin-bottom: 48px; text-align: center; }
#goto-galleries .intro-title{ font-size: 2.8125rem; font-weight: bold; line-height: 1.2222222222; text-transform: uppercase; margin: 0 auto; margin-bottom: 25px; }
#goto-galleries .intro-content{ font-size: 1.4375rem; line-height: 1.5217391304; }
#goto-galleries .slides{ position: relative; margin: 0 auto; }
#goto-galleries .slides:before,
#goto-galleries .slides:after{ background-repeat: repeat-y; background-size: 100% auto; content: ''; display: block; top: 0; height: 100%; width: 100px; position: absolute; z-index: 10; }
#goto-galleries .slides:before{ background-image: url(../images/slides-left.png); left: 0; }
#goto-galleries .slides:after{ background-image: url(../images/slides-right.png); right: 0; }
#goto-galleries .slides-inner{ display: flex; }
#goto-galleries .slides-inner.flickity-enabled{ display: block; }
#goto-galleries .slides-inner.is-loading{ opacity: 0.5; }
#goto-galleries .slide{ display: table; padding: 0; }
#goto-galleries .slide-outer{ display: table; margin: 0 auto; }
#goto-galleries .slide-inner{ display: table-cell; vertical-align: top; }
#goto-galleries .slide-inner figure{ display: block; margin: 0; padding: 0; }
#goto-galleries .slide-image{ display: table; height: 600px; margin-bottom: 22px;  }
#goto-galleries .slide-image picture{ display: table-cell; vertical-align: middle; }
#goto-galleries .slide-image img{ display: block; width: auto; height: 600px; }
#goto-galleries .slide-inner figcaption{ display: block; text-align: center; }
#goto-galleries .slide-inner strong{ display: block; font-size: 1.375rem; font-weight: normal; line-height: 2.1875rem;}
#goto-galleries .slide-inner small{ display: block; font-size: 0.875rem; line-height: 2.1875rem; margin-top: -6px;  }
#goto-galleries .slide figcaption{ opacity: 0; transition: all 0.25s; }
#goto-galleries .slide img{ opacity: 0.3; transform: scale(0.75); transition: all 0.25s;}
#goto-galleries .slide.is-selected figcaption{ opacity: 1; }
#goto-galleries .slide.is-selected img{ opacity: 1; transform: scale(1); }
#goto-galleries .flickity-viewport{ overflow: visible; }
#goto-galleries .flickity-button{ background: #fff; height: 64px; width: 34px; z-index: 11; top: 300px;  }
#goto-galleries .flickity-button.previous{ mask: url(../images/button-prev.svg) no-repeat center center; mask-size: contain; left: 50%; margin-left: -330px; }
#goto-galleries .flickity-button.next{ mask: url(../images/button-next.svg) no-repeat center center; mask-size: contain; right: 50%; margin-right: -330px; }
#goto-galleries .flickity-button svg{ display: none; }
/**/
@media (min-width: 1280px){
	#goto-galleries{ padding-top: 64px; padding-bottom: 80px;  }
	#goto-galleries .intro{ margin-bottom: 48px; }
	#goto-galleries .intro-title{ font-size: 3.125rem; line-height: 1.2; margin-bottom: 14px; }
	#goto-galleries .slides:before,
	#goto-galleries .slides:after{ width: 548px; }
	#goto-galleries .flickity-button.previous{ margin-left: -566px; }
	#goto-galleries .flickity-button.next{ margin-right: -566px; }
}
@media (max-width: 767px){
	#goto-galleries{ padding-bottom: 38px; }
	#goto-galleries .intro{ margin: 0 auto; margin-bottom: 42px; max-width: 280px; }
	#goto-galleries .intro-title{ font-size: 1.5625rem; line-height: 1.12; max-width: 300px; margin-bottom: 12px; }
	#goto-galleries .intro-content{ font-size: 1.0625rem; line-height: 1.4705882353; }
	#goto-galleries .slide{ padding: 0 10px; }
	#goto-galleries .slide-image{ height: 320px; margin-bottom: 4px; }
	#goto-galleries .slide-image img{ height: 320px; }
	#goto-galleries .slide-inner strong{ font-size: 0.9375rem; }
	#goto-galleries .slide-inner small{ font-size: 0.75rem; margin-top: -16px;  }
	#goto-galleries .slide img{ height: 320px; }
	#goto-galleries .slide.is-selected img{ height: 320px; }
	#goto-galleries .slides:before,
	#goto-galleries .slides:after,
	#goto-galleries .flickity-button{ display: none; }
}


#goto-sides{ padding-top: 43px; padding-bottom: 100px; position: relative; }
#goto-sides .inner{ position: static; }
#goto-sides .sides{ position: relative; z-index: 5; }
#goto-sides .sides-title{ font-size: 2.8125rem; font-weight: bold; line-height: 1.2222222222; text-transform: uppercase; text-align: center; margin: 0 auto; margin-bottom: 39px; }
#goto-sides .sides-container{}
#goto-sides .side{ padding: 30px 0; display: table; width: 100%; table-layout: fixed; }
#goto-sides .side-image,
#goto-sides .side-container{ display: table-cell; vertical-align: middle; }
#goto-sides .side-imageinner{ position: relative; }
#goto-sides .side-image a{ display: block; position: relative; overflow: hidden; }
#goto-sides .side-image a:before{ background: url(../images/play-mouseout.svg) no-repeat center center; background-size: contain; content: ''; display: block; height: 64px; width: 64px; left: 50%; top: 50%; position: absolute; margin-left: -32px; margin-top: -32px; z-index: 3;  }
#goto-sides .side-image picture{ display: block; }
#goto-sides .side-image img{ display: block; height: auto; transform: scale(1); transition: transform 0.25s; }
#goto-sides .side-image a:focus:before,
#goto-sides .side-image a:hover:before{ background-image: url(../images/play-mouseover.svg); }
#goto-sides .side-image a:focus img,
#goto-sides .side-image a:hover img{ transform: scale(1.1); }
#goto-sides .side-image iframe{ background: #333; border: 0; display: block; height: 364px; width: 364px; left: 0; top: 0; position: absolute; z-index: 3; }
#goto-sides .side-container{}
#goto-sides .side-containerouter{ position: relative; text-align: center; padding-top: 116px; }
#goto-sides .side-containerouter:before{ background: #000 url(../images/marker.svg) no-repeat center center; background-size: contain; outline: #000 solid 10px; content: ''; display: block; margin: 0 auto;  height: 98px; width: 70px; position: absolute; left: 50%; margin-left: -35px; z-index: 3; }
#goto-sides .side-containerinner{ position: relative; }
#goto-sides .side-title{ font-size: 2.375rem; font-weight: bold; line-height: 1.0526315789; text-transform: uppercase; margin: 0; margin-bottom: 14px; }
#goto-sides .side-content{ font-size: 1.125rem; line-height: 1.3333333333; }
#goto-sides .side:nth-child(even){ direction: rtl; }
#goto-sides .side:nth-child(even) .side-container{ direction: ltr; }
#goto-sides .svg{ display: none; left: 50%; position: absolute; z-index: 2; }
#goto-sides .svg svg{ display: block; position: relative; z-index: 2; }
#goto-sides .path{ animation: path 1s linear; animation-play-state: paused; }
#goto-sides .path{ stroke-dasharray: 2500; stroke-dashoffset: 5000; opacity: 0.75; }
#goto-sides #svg-tablet{ margin-left: -424px; top: 124px; }
#goto-sides #svg-tablet svg{ height: 1454px; width: 842px; }
#goto-sides #svg-large{ margin-left: -692px; top: 122px; }
#goto-sides #svg-large svg{ height: 1864px; width: 1352px; }
#goto-sides #svg-mobile{ margin-left: -420px; top: 158px; }
#goto-sides #svg-mobile svg{ height: 1745px; width: 803px;  }
#goto-sides #svg-tablet{ display: block; }
#goto-side-01 .side-containerouter:before{ top: -22px; }
#goto-side-01 .side-containerinner{ top: -24px; }
#goto-side-02 .side-containerouter:before{ top: 12px; }
#goto-side-02 .side-containerinner{ top: 12px; }
#goto-side-02 .side-image iframe{ left: auto; right: 0; }
#goto-side-03 .side-containerouter:before{ top: 0; }
#goto-side-03 .side-containerinner{ top: -6px; }
.nojs #goto-sides .path{ display: none; }
.js #goto-sides .side-containerouter:before{ opacity: 0; transform: translateY(100px); transition: all 0.5s; }
.js #goto-sides .side-containerouter.reveal--intersecting:before{ opacity: 1; transform: translateY(0);  }
.js #goto-sides .side-title{ opacity: 0; transform: translateY(100px); transition: all 1s 0.125s; }
.js #goto-sides .side-containerouter.reveal--intersecting .side-title{ opacity: 1; transform: translateY(0);  }
.js #goto-sides .side-content{ opacity: 0; transform: translateY(100px); transition: all 1s 0.25s; }
.js #goto-sides .side-containerouter.reveal--intersecting .side-content{ opacity: 1; transform: translateY(0);  }
@media (min-width: 1280px){
	#goto-sides{ padding-bottom: 128px; }
	#goto-sides .sides-title{ font-size: 3.125rem; line-height: 1.2; margin-bottom: 32px; }
	#goto-sides .side{ padding: 26px 0; }
	#goto-sides .side-image a{ width: 500px; }
	#goto-sides .side-image a:before{ height: 88px; width: 88px; margin-left: -44px; margin-top: -44px; }
	#goto-sides .side-image img,
	#goto-sides .side-image iframe{ height: 500px; width: 500px; }
	#goto-sides .side-containerinner{  padding: 40px 0; }
	#goto-sides .side-title{ font-size: 2.5rem; }
	#goto-sides .side-title br{ display: none; }
	#goto-sides .side-content{ font-size: 1.25rem; line-height: 1.4; }
	#goto-sides .path{ stroke-dasharray: 2500; stroke-dashoffset: 5000; }
	#goto-side-01 .side-containerouter:before{ top: 28px; }
	#goto-side-01 .side-containerinner{ background: #000; color: #fff; top: -12px; }
	#goto-side-02 .side-containerouter:before{ top: 38px; }
	#goto-side-02 .side-containerinner{ top: 0; }
	#goto-side-03 .side-containerouter:before{ top: 38px; }
	#goto-side-03 .side-containerinner{ top: 0; }
	#goto-sides #svg-tablet{ display: none; }
	#goto-sides #svg-large{ display: block; }
}
@media (max-width: 767px){
	#goto-sides{ padding: 0 20px; padding-top: 31px; padding-bottom: 86px; }
	#goto-sides .sides-title{ font-size: 1.5625rem; line-height: 1.12; max-width: 300px; margin-bottom: 8px; }
	#goto-sides .sides-title br{ display: none; }
	#goto-sides .side{ padding: 25px 0; display: block; width: auto; }
	#goto-sides .side-image,
	#goto-sides .side-container{ display: block; }
	#goto-sides .side-containerouter{ padding-top: 76px; }
	#goto-sides .side-containerouter:before{ height: 58px; width: 40px; margin-left: -20px; top: 0; }
	#goto-sides .side-image{ margin-bottom: 22px; }
	#goto-sides .side-image img,
	#goto-sides .side-image iframe{ height: 320px; width: 320px; }
	#goto-sides .side-title{ font-size: 1.5625rem; margin-bottom: 10px; }
	#goto-sides .side-title br{ display: none;  }
	#goto-sides .side-content{ font-size: 1rem; line-height: 1.5; }
	#goto-side-01 .side-containerinner{ top: 0; }
	#goto-side-02 .side-containerinner{ top: 0; }
	#goto-side-03 .side-containerinner{ top: 0; }
	#goto-sides #svg-tablet{ display: none; }
	#goto-sides #svg-mobile{ display: block; }
}

#goto-sides #curtain{ display: none; }
@keyframes path{
	to{
		stroke-dashoffset: 0;
	}
}
@keyframes curtain{
	0% {
		top: 0;
	}
	100%{
		top: 100%;
	}
}



#goto-finding{ padding: 0 20px; padding-top: 28px; margin-bottom: 40px; }
#goto-finding .inner{}
#goto-finding .finding{}
#goto-finding .finding-content{ font-size: 1.25rem; font-weight: bold; line-height: 1.4; text-align: center; margin-bottom: 20px; }
#goto-finding .finding-content br{ display: none; }
#goto-finding .finding-cta{}
#goto-finding .finding-cta a{ background: #000; border: 2px solid #F2160A; border-radius: 35px; color: #fff; display: table; margin: 0 auto; font-size: 1.625rem; font-weight: bold; font-style: italic; line-height: 70px; padding: 0 1em; text-decoration: none; text-align: center; width: 450px;}
#goto-finding .finding-cta a:before{ background: url(../images/flag-mouseout.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; height: 35px; width: 32px; vertical-align: middle; margin-right: 18px; }
#goto-finding .finding-cta a:focus,
#goto-finding .finding-cta a:hover{ background: #F2160A; color: #fff; }
#goto-finding .finding-cta a:focus:before,
#goto-finding .finding-cta a:hover:before{ background-image: url(../images/flag-mouseover.svg); }
@media (max-width: 767px){
	#goto-finding{ padding-top: 10px; margin-bottom: 32px; }
	#goto-finding .finding-content{ font-size: 1rem; line-height: 1.5; margin: 0 -20px; margin-bottom: 16px; }
	#goto-finding .finding-content br{ display: initial; }
	#goto-finding .finding-cta a{ border-radius: 21px; font-size: 1.25rem; line-height: 42px; max-width: 320px; width: 100%; }
	#goto-finding .finding-cta a:before{ height: 27px; width: 24px; }
}


#goto-followus{ margin-bottom: 36px; }
#goto-followus .followus{}
#goto-followus .followus-title{ font-size: 1.25rem; font-weight: bold; line-height: 1.4; text-align: center;  margin-bottom: 12px; }
#goto-followus .followus-content{}
#goto-followus .followus-content ul{ margin: 0 auto; padding: 0; display: table; }
#goto-followus .followus-content li{ margin: 0; padding: 0 20px; display: table-cell; vertical-align: middle; }
#goto-followus .followus-content a{ display: table; margin: 0 auto; }
#goto-followus .followus-content svg{ display: block; }
#goto-followus .followus-content a:focus path,
#goto-followus .followus-content a:hover path{ fill: #E1251B; }
#goto-followus .followus-content .ig svg{ display: block; width: 48px; height: 46px; }
#goto-followus .followus-content .tt svg{ display: block; width: 48px; height: 46px; }
#goto-followus .followus-content .fb svg{ display: block; width: 48px; height: 46px; }
@media (max-width: 767px){
	#goto-followus{ margin-bottom: 60px; }
	#goto-followus .followus-title{ font-size: 1rem; margin-bottom: 10px; }
	#goto-followus .followus-content svg{ width: 38px; height: 36px; }
}


#goto-legal{ padding: 0 20px; font-size: 1em; line-height: inherit; text-align: center; margin-bottom: 20px; }
#goto-legal .inner{ max-width: 1440px; }
#goto-legal a{ color: #DD0000; text-decoration: underline; }
#goto-legal a:focus,
#goto-legal a:hover{ color: #000 }
#goto-legal svg{ display: inline-block; height: 12px; width: 12px; }
#goto-legal path{ fill: #DD0000; }
#goto-legal a:focus path,
#goto-legal a:hover path{ fill: #F2160A; }
@media (max-width: 767px){
	#goto-legal{ font-size: 0.9375rem; line-height: 1.2666666667; }
	#goto-legal .s1{ display: block; }
	#goto-legal .s2{ display: block; }
	#goto-legal br{ display: none; }
}


#goto-share{ margin-bottom: 17px; }
#goto-share .share{ display: table; margin: 0 auto; }
#goto-share .share-title{ display: table-cell; vertical-align: middle; font-family: 'Radio-Canada', sans-serif; font-size: 16px; line-height: 1.5; }
#goto-share .share-container{ display: table-cell; vertical-align: middle; padding-left: 10px; }
#goto-share .share-container ul{ display: table; margin: 0; padding: 0; }
#goto-share .share-container li{ display: table-cell; vertical-align: middle; list-style: none; margin: 0; padding: 0 10px; }
#goto-share .share-container button{ background: none; border: none; color: inherit; cursor: pointer; font-family: 'FontAwesome'; font-size: 24px; transition: all 0.5s; }
#goto-share .share-container svg{ height: 24px; width: 24px; }
#goto-share .share-container path{ fill: #fff; }
#goto-share .share-container button:focus path,
#goto-share .share-container button:hover path{ fill: #F2160A; }
@media (min-width: 1280px){

}
@media (max-width: 767px){

}






/*
body{ padding-bottom: 800px; }
#goto-sides .path{ display: none; }
/**
 * DEMO
*
html{ background: no-repeat center -77px; }
body{ background: none; }
#goto-pleasenote{ display: none; }
#container{ opacity: 0.5; height: 18000px; }
html{ background-image: url(../../demo/768.png); }
html{ background-position: center -77px }
@media (min-width: 1280px){
	html{ background-image: url(../../demo/1440.png); }
	html{ background-position: center -77px }
}
@media (max-width: 767px){
	html{ background-image: url(../../demo/320.png); }
	html{ background-position: center -85px }
	html{ background-position: center -77px }
}
/**/
