@charset "utf-8";

/* CSS Document */



/* Fonts */



@font-face {

    font-family: 'hotelsregular';

    src: url('fonts/re-icon-font-webfont.eot');

    src: url('fonts/re-icon-font-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/re-icon-font-webfont.woff2') format('woff2'),

         url('fonts/re-icon-font-webfont.woff') format('woff'),

         url('fonts/re-icon-font-webfont.ttf') format('truetype'),

         url('fonts/re-icon-font-webfont.svg#hotelsregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



.wm-icons { font-family: hotelsregular; display: inline-block; font-weight: normal; font-style: normal; font-variant: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.wm-parking:before { content: "a"; }

.wm-plunge:before { content: "b"; }

.wm-pool:before { content: "c"; }

.wm-restaurant:before { content: "d"; }

.wm-cookery:before { content: "e"; }

.wm-spa:before { content: "f"; }

.wm-family:before { content: "g"; }

.wm-car:before { content: "h"; }

.wm-walking:before { content: "i"; }

.wm-couples:before { content: "j"; }

.wm-info:before { content: "k"; }





/* Colours */



/* Main Rediscover turquiose / blue / green */

.rgba-primary-0 { color: rgba( 35,100,103,1) }

.rgba-primary-1 { color: rgba(103,152,154,1) } /* paler  */

.rgba-primary-2 { color: rgba( 65,126,128,1) } /* pale   */

.rgba-primary-3 { color: rgba( 13, 74, 77,1) } /* dark   */

.rgba-primary-4 { color: rgba(  0, 49, 51,1) } /* darker */



/* Gold */

.rgba-secondary-1-0 { color: rgba(170,133, 57,1) }

.rgba-secondary-1-1 { color: rgba(255,227,170,1) } /* paler  */

.rgba-secondary-1-2 { color: rgba(212,178,106,1) } /* pale  */

.rgba-secondary-1-3 { color: rgba(128, 93, 21,1) } /* dark  */

.rgba-secondary-1-4 { color: rgba( 85, 57,  0,1) } /* darker  */



/* Red */

.rgba-secondary-2-0 { color: rgba(170, 60, 57,1) }

.rgba-secondary-2-1 { color: rgba(255,172,170,1) } /* paler  */

.rgba-secondary-2-2 { color: rgba(212,109,106,1) } /* pale  */

.rgba-secondary-2-3 { color: rgba(128, 24, 21,1) } /* dark  */

.rgba-secondary-2-4 { color: rgba( 85,  2,  0,1) } /* darker  */



* { box-sizing: border-box; }



html, body { width: 100%; min-height: 100%; height: 100%; }



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%;

	vertical-align: baseline;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease; 

}



body, input, textarea, select { font-family: 'Roboto', Verdana, Geneva, sans-serif; }



h1 { font-size: 2em; font-weight: 300; margin: 16px 0px; font-family: 'Belleza', sans-serif; }

h2 { font-size: 2em; font-weight: 300; margin: 16px 0px; font-family: 'Belleza', sans-serif;}

h3 { font-size: 1.6em; font-weight: 300; margin: 16px 0px; font-family: 'Belleza', sans-serif; }

h4 { font-size: 1.2em; font-weight: 600 !important; margin: 16px 0px;  font-family: 'Belleza', sans-serif;}

h5 { font-size: 1.1em; font-weight: 300; margin: 16px 0px; font-family: 'Belleza', sans-serif; }

h6 { font-size: 1em; font-weight: 300; margin: 16px 0px; }

p { font-size: 1em; font-weight: 300; margin: 16px 0px; }

li { font-size: 1em; font-weight: 300; }

b, strong { font-weight: 600 !important; }



a { color: inherit; text-decoration: none; }

a:hover { text-decoration: underline; }



.textLeft { text-align: left !important; }

.textRight { text-align: right !important; }

.textCenter { text-align: center !important; }



.boxShadow { -moz-box-shadow: 0px 0px 10px 0px rgba(127,127,127,0.5); -webkit-box-shadow: 0px 0px 10px 0px rgba(127,127,127,0.5); box-shadow: 0px 0px 10px 0px rgba(127,127,127,0.5); }



.anchor { display: block; position: absolute; height: 114px; margin-top: -154px; }



.desktopHide { display: none !important; }

.mobileHide { display: inherit !important; }



/* ------ Cookie Warning ------ */



.divCWWrap div { padding: 2em; }

.divCWWrap h2 { margin: 0px 0px 0.5em 0px; }



/* ------ Basic layout ------- */



#divBodyWrapper { width: 100%; min-height: 100%; height: 100%; position: relative; }

  

#divHeaderWrapper { width: 100%; position: fixed; background-color: rgba(0,49,51,0.4); z-index: 999; }

#divHeaderWrapper.scrolling { background-color: rgba(0,49,51,1); }

#divHeader { position: relative; width: 100%; max-width: 1200px; margin: 0px auto; /*height: 65px;*/ height: 110px; padding: 10px; overflow: hidden; }

#divHeader ul { list-style: none; display: inline-block; vertical-align: top; }

#divHeader ul li { display: block; margin-left: 8px; }



#divHeader #ulHomeMenu { width: 300px; max-width: 80%; }

#divHeader #ulHomeMenu li a { height: 45px; width: 100%; background-size: contain; background-position: center center; background-image: url(../images/logos/re_white_w800.png); background-repeat: no-repeat; margin: 0px; border: none; }

#divHeader #ulHomeMenu li a:hover { background-image: url(../images/logos/re_col_rollover_w800.png); background-color: transparent; }

#divHeader #ulMainMenu { float: right; }

#divHeader #ulMainMenu li { float: left; }

#divHeader ul li a { display: block; padding: 12px 16px; border: 1px solid rgba(230,230,230,0.3); border-radius: 4px; color: rgba(255,255,255,1); text-decoration: none; }

#divHeader ul li a:hover { background-color: rgba(230,230,230,0.2); }



#divHeader #ulMobileMenu { display: none; color: white; font-size: 2.3em; float: right; }

#divHeader #ulMobileMenu li { margin: 0px 8px; }



#divHeader #ulContactMenu { position: absolute; /*bottom: 5px;*/ top: 65px; width: 100%; right: 10px; text-align: right; font-size: 1.3em; line-height: 25px; }

#divHeader #ulContactMenu li { display: inline-block; position: relative; }

#divHeader #ulContactMenu li a { padding: 5px; border: none; display: inline-block; font-weight: 400; }

#divHeader #ulContactMenu li a:hover { background-color: inherit; }



#divJumpWrapper, #divJumpWrapper * { transition: none; -webkit-transition: none; }

#divJumpWrapper { position: absolute; line-height: 1.8em; bottom: 0px; width: 100%; }

#divJumpWrapper.sticky { position: fixed; top: 100px; left: 0px; right: 0px; height: 3.4em; z-index: 100;  }

#divJumpWrapper.sticky .divJumpTo { /*border-bottom: solid 1px rgba(127,127,127,0.5);*/ }

#divJumpInnerWrapper { width: 100%; /*max-width: 1200px;*/ min-height: 100%; margin: 0px auto; background-color: rgba(255,255,255,0); }

#divJumpWrapper.sticky #divJumpInnerWrapper { background-color: rgba(255,255,255,1); border-bottom: solid 1px rgba(127,127,127,0.5); }

.divJumpTo { border-bottom: solid 1px rgba(255,255,255,0); font-size: 0.85em; font-weight: lighter; margin: 0px auto !important; text-align: left !important;  width: 100%; }

.divJumpTo div { display: inline; }

.divJumpTo a { margin-left: 0.5em; }

.divJumpTo a i { margin-right: 0.5em; color: white; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); }

.divJumpTo a i.icon { display: none; text-shadow: none; color: rgba(127,127,127,0.75); }

.divJumpTo a span { white-space: nowrap; }



#divMainWrapper { width: 100%; min-height: 100%; position: relative; }

#divMain { width: 100%; /*max-width: 1200px; height: 100%;*/ margin: 0px auto; /*padding: 0px 4px 0px 4px;*/ position: relative; background-color: rgba(255,255,255,1); /*padding-top:1em;*/}

    

#divFooterWrapper { width: 100%; background-color: rgba(35,100,103,1); }

#divFooter { width: 100%; max-width: 1200px; height: auto; color: rgba(255,255,255,1); margin: 0px auto; padding: 1em; }



#divFooter h3 { text-align: center; font-size: 1.2em; margin: 0px 0px 10px 0px; }

#divFooter .ulFooterLinks { list-style: none; text-align: center; width: 800px; max-width: 90%; margin: 12px auto; }

#divFooter .ulFooterLinks li { display: inline-block; padding: 0.2em 0.4em; }

#divFooter .ulFooterLinks li a { color: inherit; text-decoration: none; font-size: 0.85em; font-weight: lighter; }

#divFooter .ulFooterLinks li a:hover { text-decoration: underline; }



#divFooter .ulSocial { list-style: none; text-align: center; width: 800px; max-width: 90%; margin: 12px auto; }

#divFooter .ulSocial li { display: inline-block; padding: 0px 0.4em; vertical-align: middle; }



#divFooter .ulFooterLogos { list-style: none; text-align: center; width: 800px; max-width: 90%; margin: 12px auto; }

#divFooter .ulFooterLogos li { display: inline-block; padding: 0.2em 0.4em; }

#divFooter .ulFooterLogos li img { height: 3em; }



/* Lapland */



/*Keyframes*/

@keyframes snow {

	0% { background-position: 0px 0px, 0px 0px, 0px 0px; }

	100% { background-position: 500px 500px, 0px 400px, -250px 500px; }

}

 

@-moz-keyframes snow {

	0% { background-position: 0px 0px, 0px 0px, 0px 0px; }

	100% { background-position: 500px 500px, 0px 400px, -250px 500px; }

}

 

@-webkit-keyframes snow {

	0% { background-position: 0px 0px, 0px 0px, 0px 0px; }

	100% { background-position: 500px 500px, 0px 400px, -250px 500px; }

}

 

@-ms-keyframes snow {

	0% { background-position: 0px 0px, 0px 0px, 0px 0px; }

	100% { background-position: 500px 500px, 0px 400px, -250px 500px; }

}





/*body.bodyLapland #divMainWrapper {

	background-color: rgba(190,30,45,1); 

	background-image: url('images/snow01.png'), url('images/snow02.png'), url('images/snow03.png');

	-webkit-animation: snow 20s linear infinite;

	-moz-animation: snow 20s linear infinite;

	-ms-animation: snow 20s linear infinite;

	animation: snow 20s linear infinite;

}

*/



/*body.bodyLapland #divMainWrapper { background-color: rgba(190,30,45,1); background-image: url(../images/library/front/snow.gif); background-position: center top; background-repeat: repeat; }*/



body.bodyLapland #divMain { /*max-width: 1000px;*/ background-color: rgba(255,255,255,0.9); }

body.bodyLapland #divJumpInnerWrapper { max-width: 1000px; }

body.bodyLapland .divMainTextBlock.jumper h2 { width: 80%; padding-left: 20%; }

#divLaplandLinks { display: none; }

body.bodyLapland #divLaplandLinks { display: block; text-align: center; }

body.bodyLapland #divLaplandLinks .aLaplandLink { 

	display: inline-block; text-align: center; margin: 0px 2em 0px 0px; color: rgba(255,255,255,1); font-weight: 400; font-size: 1.2em; padding: 0.5em 1em; 

	border-radius: 0.75em; cursor: pointer; text-shadow: 2px 2px 5px rgba(0,0,0,0.5), -2px -2px 5px rgba(0,0,0,0.5), 2px -2px 5px rgba(0,0,0,0.5), -2px 2px 5px rgba(0,0,0,0.5);

	background-color: rgba(190,30,45,1); 

	background-image: url('images/snow01.png'), url('images/snow02.png'), url('images/snow03.png');

	-webkit-animation: snow 20s linear infinite;

	-moz-animation: snow 20s linear infinite;

	-ms-animation: snow 20s linear infinite;

	animation: snow 20s linear infinite;	

	/*background-color: rgba(190,30,45,1); background-image: url(../images/library/front/snow.gif); background-position: center top; background-repeat: repeat;*/  }

body.bodyLapland #divLaplandLinks .aLaplandLink:last-child { margin-right: 0px; }

body.bodyLapland #divFooterWrapper { background-color: rgba(161,26,39,1); }







/*body.bodyLapland #divReindeerAd { display: block; width: 280px; height: 280px; margin: 0px;

  background-image: url('../images/layout/lapland-reindeer-1.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;

	z-index: 10; position: absolute; right: 2em; top: -140px; }

	

	

body.bodyLapland #divReindeerAd:hover { background-image: url('../images/layout/lapland-reindeer-2.jpg'); }*/



body.bodyLapland #divReindeerAd { display: block; width: 28%; padding-top: 10%; margin: 0px; z-index: 0; position: absolute; right: 2em; }

body.bodyLapland #divReindeerAd div { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: -180%; left: 0px; right: 0px; bottom: 0px; border-radius: 1em; }

body.bodyLapland #divReindeerAd .divImageWrapper1 { background-image: url('../images/layout/lapland-reindeer-1.jpg'); z-index: 50; }

body.bodyLapland #divReindeerAd .divImageWrapper2 { background-image: url('../images/layout/lapland-reindeer-2.jpg'); z-index: 40; }

body.bodyLapland #divReindeerAd:hover .divImageWrapper1 { opacity: 0; }



/*

body.bodyLapland #divReindeerAd .divImageWrapper { background-image: url('../images/layout/lapland-reindeer-1.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: -100%; left: 0px; right: 0px; bottom: 0px; border-radius: 1em; }

body.bodyLapland #divReindeerAd:hover .divImageWrapper { opacity: 0; }

*/



/* ------ Index page ------- */



#divMain hr { width: 100%; height: 2px; border-radius: 4px; margin: 0px auto; border: none; background-color: rgba(170,133, 57,1); }



#divMainImageWrapper { position: relative; width: 100%; background-color: rgba(124,28,21,1); height: 20vw; max-height: 700px; min-height: 300px; }

#divMainImageWrapper.bigImage { height: 40vw; }

#divMainImage { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: cover; background-position: center center; }

#divLogo { display: none; position: absolute;  width: 40%; left: 30%; top: 90px; background-color: rgba(0,49,51,0.4); border-radius: 10px; padding: 10px; }

#divLogo img { width: 100%; }



.divMainTextBlock { width: 100%; max-width: 900px; margin: 20px auto; padding: 0px; text-align: center; }

.divMainTextBlock.jumper { position: relative; padding-bottom: 3em; margin: 20px auto 0px auto; }



.divMainTextBlockContent { width: 100%; /*padding: 0px 10px;*/ text-align:left; }
.divMainTextBlockContent ul { padding-left: 1.5em; margin: 16px 0px; }
.divMainTextBlockContent.hide { /*display: none;*/ height: 0px; overflow: hidden; }


#divBreadcrumb { text-align: left; font-size: 0.85em; margin: 0px auto; /*margin-bottom:-42px;*/}

#divBreadcrumb p { line-height: 3em; margin: 0px; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; }

#divBreadcrumb a { text-decoration: none; color: inherit; }

#divBreadcrumb a:hover { text-decoration: underline; }



.divHorizontalSlider { width: 100%; }

.divHorizontalSlider h1 { text-align: center; }

.divHorizontalSlider h2 { text-align: center; }



.divSliderWrapper { width: 100%; padding-top: 18%; overflow: hidden; position: relative; }

.divSliderContainer { width: 300%; position: absolute; top: 0px; bottom: 0px; left: -100%; }

.divSliderItem { width: 10%; height: 100%; display: none; background-color: rgba(124,28,21,1); opacity: 0.5; position: absolute; background-size: cover; background-position: center center; }

.divSliderItem a { display: block; height: 100%; width: 100%; }

.divSliderItem span { display: none; }

.divSliderItem.item-ll { left: 22%; display: block; }

.divSliderItem.item-l { left: 33.5%; display: block; }

.divSliderItem.item-0 { left: 45%; display: block; opacity: 1; }

.divSliderItem.item-r { left: 56.5%; display: block; }

.divSliderItem.item-rr { left: 68%; display: block; }

.divSlideButton { position: absolute; font-size: 3.5em; text-align: center; top: 1.4em; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); cursor: pointer; }

.divSlideButton p { margin: 0px; text-align: center; line-height: 100%; line-height: 36px; font-size: 4em; }

.divSlideLeft { left: 44%; }

.divSlideRight { right: 44%; }



.divCaptionWrapper { width: 100%; max-width: 750px; margin: 0px auto; padding-top: 10px; position: relative; }

.divCaptionItem { text-align: center; opacity: 0; position: absolute; top: 0px; width: 100%; }

.divCaptionItem a { text-decoration: none; color: inherit; }

.divCaptionLong { text-align: center; opacity: 0; position: relative; }

.divCaptionItem p { padding: 0px 8px; }

.divCaptionItem.item-0 { opacity: 1; z-index: 100; }



.divHolidayIdeas h1 { text-align: center; }

.divHolidayIdeas h2 { text-align: center; }



.divCircleSliderWrapper { width: 90%; padding-top: 25%; margin: 0px auto; overflow: hidden; position: relative; }

.divCircleSliderContainer { width: 325%; position: absolute; top: 0px; bottom: 0px; left: 0%; }

.divCircleSliderItem { /*width: 8.35%;*/ width: 7.68%; height: 100%; float: left; }

.divCircleSliderImageWrapper { width: 100%; padding-top: 100%; position: relative; }

.divCircleSliderImage { position: absolute; left: 10%; top: 0%; right: 10%; bottom: 20%; border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.divCircleSliderImage p { text-align: center; margin: 0px auto; bottom: -20%; left: 0px; position: absolute; right: 0px; }

.divCircleSlideButton { position: absolute; font-size: 3.5em; text-align: center; bottom: 0.5em; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); cursor: pointer; }

.divCircleSlideLeft { left: 0.5%; }

.divCircleSlideRight { right: 0.5%; }



.divHolidayIdeas ul { display: none; list-style: none; text-align: center; }

.divHolidayIdeas ul li { display: inline-block; width: 25%; position: relative; }

.divHolidayIdeas ul li div { width: 200px; height: 200px; border-radius: 50%; background-image: url(../images/content/norway.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }



.divDestinationIndex { display: none; }

.divDestinationIndex h1 { text-align: center; }

.divDestinationIndex h2 { text-align: center; }

.divDestinationIndex ul { list-style: none; }

.divDestinationIndex ul li { display: inline-block; width: 12.5%; }

.divDestinationIndex ul li a { color: inherit; text-decoration: none; }

.divDestinationIndex ul li a:hover { text-decoration: underline; }



.divDestinationIndex ul ul { display: none; }



.divMapWrapper { position: relative; padding-top: 60%; width: 100%; }

.divMap { /*height: 400px;*/ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }



/* Destination pages */



.divPanel { overflow: hidden; position: relative; margin: 0px auto 10px auto; text-align: left; }

.divPanel.conceal { height: 3.8em !important; }



.pPanelHeader { font-size: 1.5em; text-align: left; margin: 15px 0px 15px 0px; }

.pPanelHeader i { float: right; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6);  }

.pPanelHeaderFull { font-size: 1.5em; text-align: left; margin: 5px 0px 15px 20px; padding: 10px; }

.pPanelMenu { font-size: 1.5em; text-align: right; }

.pPanelMenu i { color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); width: 1em; margin-left: 0.5em; }

.divHotelPanelMenu { display: none; }

.divLocationPanelMenu { display: none; }



.divPanel.conceal .divWhiteGradient { opacity: 1; }

.divWhiteGradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; opacity: 0;

    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}





.divItemSection { height: auto; }

.divItemSection.conceal { height: 3em; overflow: hidden; }

.divItemSection h3 { font-size: 1.3em; font-weight: lighter; text-align: left; margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; border-bottom: solid 1px rgba(127,127,127,0.5); }

.divItemSection h3 i { float: right; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); margin: 0px 0.15em; cursor: pointer; }

.divItemWrapper { width: 33.3%; padding-top: 45%; position: relative; float: left; margin-top: 2%; overflow: hidden; }

.divItemWrapper a { display: block; position: absolute; top: 0px; left: 5%; right: 5%; /*bottom: 0px;*/ text-align: left; text-decoration: none; color: inherit; }

.divItemBlock { }

.divItemBlock .divItemImage { width: 100%; padding-top: 70%; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: rgba(212,109,106,1); box-shadow: 0px 0px 10px rgba(127,127,127,0.5); }

.divItemBlock h4 { font-size: 1em; font-weight: lighter; margin: 8px 0px; padding: 0px 0px 4px 0px; border-bottom: solid 1px rgba(127,127,127,0.5); }

.divItemBlock h4 span { font-size: 0.85em; }

.divItemBlock p { font-size: 0.85em; font-weight: lighter; margin: 4px 0px; }



.divImgWrapper { background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: rgba(212,109,106,1); display: block; float: left; }

.aImgWrapper { display: block; float: left; position: relative; }

.aImgWrapper div { background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: rgba(0,0,0,0.1); border: solid 1px rgba(255,255,255,1); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;  }



.divGallery { /*border-radius: 0.85em;*/ overflow: hidden; }

.divGall-1 .divImgWrapper, .divGall-1 .aImgWrapper { width: 100%; padding-top: 50%; }

.divGall-2 .divImgWrapper, .divGall-2 .aImgWrapper { width: 50%; padding-top: 50%; }

.divGall-3 .divImgWrapper, .divGall-3 .aImgWrapper { width: 33.3%; padding-top: 25%; }

.divGall-3 .divImgWrapper:nth-child(1), .divGall-3 .aImgWrapper:nth-child(1) { width: 66.6%; padding-top: 50%; }

.divGall-4 .divImgWrapper, .divGall-4 .aImgWrapper { width: 50%; padding-top: 25%; }

.divGall-5 .divImgWrapper, .divGall-5 .aImgWrapper { width: 25%; padding-top: 25%; }

.divGall-5 .divImgWrapper:nth-child(1), .divGall-5 .aImgWrapper:nth-child(1) { width: 50%; padding-top: 50%; }

.divGall-6 .divImgWrapper, .divGall-6 .aImgWrapper { width: 33.3%; padding-top: 25%; }

.divGall-7 .divImgWrapper, .divGall-7 .aImgWrapper { width: 25%; padding-top: 25%; }

.divGall-7 .divImgWrapper:nth-child(1), .divGall-7 .aImgWrapper:nth-child(1) { width: 50%; padding-top: 25%; }

.divGall-8 .divImgWrapper, .divGall-8 .aImgWrapper { width: 25%; padding-top: 25%; }

.divGall-9 .divImgWrapper, .divGall-9 .aImgWrapper { width: 25%; padding-top: 16.66%; }

.divGall-9 .divImgWrapper:nth-child(1), .divGall-9 .aImgWrapper:nth-child(1) { width: 50%; padding-top: 33.3%; }

.divGall-10 .divImgWrapper:nth-child(1), .divGall-10 .aImgWrapper:nth-child(1) { width: 50%; padding-top: 49.5%; }

.divGall-10 .divImgWrapper:nth-child(n + 2), .divGall-10 .aImgWrapper:nth-child(n + 2) { width: 25%; padding-top: 25%; }

.divGall-10 .divImgWrapper:nth-child(n + 6), .divGall-10 .aImgWrapper:nth-child(n + 6) { width: 20%; padding-top: 20%; }

.divGall-10 .divImgWrapper:nth-child(n + 11), .divGall-10 .aImgWrapper:nth-child(n + 11) { display: none; }



/*.divGallery .aImgWrapper:nth-child(1) div { border-top-left-radius: 0.85em; }*/



/*.divGall-1 .aImgWrapper div { border-radius: 0.85em; }



.divGall-2 .aImgWrapper:nth-child(1) div { border-top-left-radius: 0.85em; border-bottom-left-radius: 0.85em; }

.divGall-2 .aImgWrapper:nth-child(2) div { border-top-right-radius: 0.85em; border-bottom-right-radius: 0.85em; }



.divGall-3 .aImgWrapper:nth-child(1) div { border-top-left-radius: 0.85em; border-bottom-left-radius: 0.85em; }

.divGall-3 .aImgWrapper:nth-child(2) div { border-top-right-radius: 0.85em; }

.divGall-3 .aImgWrapper:nth-child(3) div { border-bottom-right-radius: 0.85em; }



.divGall-4 .aImgWrapper:nth-child(2) div { border-top-right-radius: 0.85em; }

.divGall-4 .aImgWrapper:nth-child(3) div { border-bottom-left-radius: 0.85em; }

.divGall-4 .aImgWrapper:nth-child(4) div { border-bottom-right-radius: 0.85em; }



.divGall-5 .aImgWrapper:nth-child(1) div { border-top-left-radius: 0.85em; border-bottom-left-radius: 0.85em; }

.divGall-5 .aImgWrapper:nth-child(3) div { border-top-right-radius: 0.85em; }

.divGall-5 .aImgWrapper:nth-child(5) div { border-bottom-right-radius: 0.85em; }



.divGall-6 .aImgWrapper:nth-child(3) div { border-top-right-radius: 0.85em; }

.divGall-6 .aImgWrapper:nth-child(4) div { border-bottom-left-radius: 0.85em; }

.divGall-6 .aImgWrapper:nth-child(6) div { border-bottom-right-radius: 0.85em; }



.divGall-7 .aImgWrapper:nth-child(3) div { border-top-right-radius: 0.85em; }

.divGall-7 .aImgWrapper:nth-child(4) div { border-bottom-left-radius: 0.85em; }

.divGall-7 .aImgWrapper:nth-child(7) div { border-bottom-right-radius: 0.85em; }



.divGall-8 .aImgWrapper:nth-child(4) div { border-top-right-radius: 0.85em; }

.divGall-8 .aImgWrapper:nth-child(5) div { border-bottom-left-radius: 0.85em; }

.divGall-8 .aImgWrapper:nth-child(8) div { border-bottom-right-radius: 0.85em; }



.divGall-9 .aImgWrapper:nth-child(3) div { border-top-right-radius: 0.85em; }

.divGall-9 .aImgWrapper:nth-child(6) div { border-bottom-left-radius: 0.85em; }

.divGall-9 .aImgWrapper:nth-child(9) div { border-bottom-right-radius: 0.85em; }



.divGall-10 .aImgWrapper:nth-child(3) div { border-top-right-radius: 0.85em; }

.divGall-10 .aImgWrapper:nth-child(6) div { border-bottom-left-radius: 0.85em; }

.divGall-10 .aImgWrapper:nth-child(10) div { border-bottom-right-radius: 0.85em; }*/



.divImg10 { width: 10%; padding-top: 10%; }

.divImg12 { width: 12.5%; padding-top: 12.5%; }

.divImg16 { width: 16.6%; padding-top: 16.6%; }

.divImg20 { width: 20%; padding-top: 20%; }

.divImg25 { width: 25%; padding-top: 25%; }

.divImg33 { width: 33.3%; padding-top: 33.3%; }

.divImg50 { width: 50%; padding-top: 50%; }

.divImg75 { width: 75%; padding-top: 50%; } 

.divImgFull { width: 100%; padding-top: 50%; }



.divImgWrap { display: inline-block; width: 100%; padding-top: 70%; background-color: rgba(127,127,127,0.5); background-position: center center; background-repeat: no-repeat; background-size: cover; }



.divMiniGall .divImgWrapper, .divMiniGall .aImgWrapper { width: 50%; padding: 15%; }



.divMiniGall .divImgWrapper div, .divMiniGall .aImgWrapper div { right: 0.5em; bottom: 0.5em; width: initial; height: initial; }





.divIndexItemWrapper { width: 33.3%; float: left; text-align: center; margin-bottom: 2em; border-radius: 3em; }

.divIndexItemWrapper:hover { background-color: rgba(200,200,200,0.2); }

.divIndexItemWrapper a { color: inherit; text-decoration: none; }

.divIndexItemImage { width: 100%;/* margin: 0.5em auto;*/ padding-top: 60%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.divIndexItemWrapper h3 { margin: 0.5em; }



/* Hotel pages */



.aEnquire { float: right; border: solid 1px rgba(127,127,127,0.3); padding: 0.2em 2em; line-height: 2.6em; margin: 0.4em 0px; transition: all 0.5s ease !important; -webkit-transition: all 0.5s ease !important; background-color: #003133; color:#ffffff !important; text-decoration:none; font-weight:600; }

.aEnquire:hover { text-decoration: none; background-color: rgba(170,133,57,0.75); color: rgba(255,255,255,1) !important; }



.ulFacilities { list-style: none; padding-top: 0.5em; padding-left:0 !important; margin-bottom:0; text-align:center;}

/*.ulFacilities li { display: inline-block; width: 49%; float: left; }*/

.ulFacilities li i { font-size: 2.5em; }

.ulFacilities li span { vertical-align: top; line-height: 4em; display: inline-block; margin-left: 0.25em; font-weight: lighter; }

.ulFacilitiesModal { list-style: none; padding-top: 0.5em; padding-left:0 !important; margin-bottom:0; text-align:left;}

/*.ulFacilities li { display: inline-block; width: 49%; float: left; }*/

.ulFacilitiesModal li i { font-size: 2.5em; }

.ulFacilitiesModal li span { vertical-align: top; line-height: 4em; display: inline-block; margin-left: 0.25em; font-weight: lighter; }



/* Activity pages */



/*

.divActTypes { line-height: 2.35em; font-size: 0.85em; font-weight: lighter; margin: 1em auto !important; text-align: left !important;  width: 100%; }

.divActTypes a { margin-left: 0.5em; display: inline-block;  }

.divActTypes a i { margin-right: 0.5em; color: white; text-shadow: 0px 0px 3px rgba(0,0,0,0.6); }

*/



.divActTypes { font-weight: lighter; margin: 1em auto !important; text-align: left !important;  width: 100%; }

.divActTypes a { display: inline-block; border: solid 1px rgba(127,127,127,0.3); border-radius: 0.5em; padding: 0.5em 0.8em; margin: 0px 0.5em 0.5em 0px; }

.divActTypes a i { display: none; }

.divActTypes a:hover, .divActTypes a.aCurrent { text-decoration: none; background-color: rgba(170,133,57,0.75); color: rgba(255,255,255,1); }



/*

.divActTypes a i.icon { display: none; text-shadow: none; color: rgba(127,127,127,0.75); }

.divActTypes a span { white-space: nowrap; }

*/



.ulExtras { list-style: disc; padding-left: 25px; }

.pPriceItemHeader { border-top: solid 1px rgba(220,220,220,1); margin: 0px; line-height: 2.5em; }

.tblPriceItems { margin-bottom: 0.5em; border-spacing: 0px; border-collapse: collapse; }

.tblPriceItems tr { font-weight: 300; }

.tblPriceItems tr:nth-child(1) { font-weight: 400; }

.tblPriceItems td { padding: 0.6em; text-align: center; border: solid 1px rgba(220,220,220,1); }



.divActivityBlock { position: relative; width: 100%; max-width: 900px; margin: 0px auto; }

.divActivityBlock.conceal { height: 5em; overflow: hidden; }

.divActivityBlock h3 { padding: 0.5em; margin: 0.5em 0px; border: solid 1px rgba(127,127,127,0.2); border-radius: 0.5em; }

.divActivityBlock h3:hover { background-color: rgba(200,200,200,0.2); }

.divActivityBlock h3 i { float: right; width: 1.5em; text-align: center; cursor: pointer; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); }

.divActivityBlock > h4 { padding: 0.5em; margin: 0.5em 0px; border-bottom: solid 1px rgba(127,127,127,0.2); }

.ulActivityResults { list-style: none; }

.ulActivityResults li { display: inline-block; margin: 1em 0em 1em -0.05em; width: 50%; vertical-align: top; }

.ulActivityResults li .divImgWrap { display: inline-block; width: 20%; padding-top: 20%; background-color: rgba(127,127,127,0.5); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.ulActivityResults li .divContentWrap { display: inline-block; margin-left: 0.5em; vertical-align: top; width: 70%; }

.ulActivityResults li h4 { /*display: inline-block; margin-left: 0.5em; vertical-align: top; width: 70%;*/ font-size: 1.3em; margin: 0px 0px 8px 0px; }

.ulActivityResults li h5 { /*display: inline-block; margin-left: 0.5em; vertical-align: top; width: 70%;*/ font-size: 1em; margin: 0px 0px 8px 0px; }

.ulActivityResults li p { font-size: 0.9em; margin: 0px 0px 8px 0px; /*margin: 8px 8px 8px 0px;*/ }



.divSummary { padding: 0.5em 1em; color: #000000; text-align:left; }

.divSummary h4 { font-weight: 400; margin: 0px 0px 0.5em 0px; }

.divSummary p { margin: 0px 0px 0.5em 0px; }



.txtBreak { white-space: normal; }



.ulDepartures { list-style: none; padding-inline-start:0 !important; }

.ulDepartures li { padding: 0.5em; display: block; }

.ulDepartures li:first-child { font-weight: 400; }

.ulDepartures li:nth-child(odd) { background-color: rgba(127,127,127,0.2); }

.ulDepartures li span { line-height: 1.2em; white-space: nowrap; /*overflow: hidden;*/ text-overflow: ellipsis; }

.ulDepartures li span.spDate { display: block; float: left; /*width: 30%;*/ width:50%; }

.ulDepartures li span.spAirport { display: block; /*float: left;*/ width: 40%; }

.ulDepartures li span.spResort { display: block; /*width: 30%;*/ width:50%;}





/* Search Results */



#frmSearch i { font-size: 2em; vertical-align: middle; margin-left: 0; cursor: pointer; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); }

#frmSearch h1 { display: inline-block; vertical-align: middle; line-height: 1.8em; margin: 1em 1em 1em 0em; }

#frmSearch h2 { display: inline-block; vertical-align: middle; line-height: 1.8em; margin: 1em 1em 1em 0em; }

#frmSearch input[type=text] { font-size: 2em; font-weight: 300; color: rgba(127,127,127,0.8); vertical-align: middle; border: solid 1px rgba(127,127,127,0.2);

  padding: 0em 0.4em; width: 50%; outline: none; border-top-left-radius:5px; border-bottom-left-radius:5px; }

.divSearchResults h3 { padding: 0.5em; margin: 0.5em 0px; border: solid 1px rgba(127,127,127,0.2); border-radius: 5px; background-color: #003133; color:#ffffff; }

.divSearchResults h3 i { float: right; width: 1.5em; text-align: center; cursor: pointer; color: white; text-shadow: 0px 0px 8px rgba(0,0,0,0.6); }

.divSearchBlock { position: relative; }

.divSearchBlock.conceal { height: 5em; overflow: hidden; }

.jumpTarget { top: -160px; position: relative; display: block; }

.ulSearchMatches { list-style: none; padding-left:0; }

.ulSearchMatches li { display: inline-block; margin: 1em 0em 1em -0.05em; width: 24.5%; vertical-align: top; margin-right:0.5em; }

.ulSearchMatches li:nth-child(4n) { margin-right:0; }

.ulSearchMatches .liSection { width: 100%; }

.ulSearchMatches li .divImgWrap { display: inline-block; width: 100%; padding-top: 50%; background-color: rgba(127,127,127,0.5); border-radius: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.ulSearchMatches li h4 { display: inline-block; /*margin-left: 0.5em;*/ vertical-align: top; font-size: 1.3em; width: 70%; }

.ulSearchMatches li h4 a { color:#000000; text-decoration: none;}

.ulSearchMatches li p { font-size: 0.9em; margin: 8px 8px 8px 0px; }



/* Lapland Search */



.divLaplandSearchResults { }

.divLaplandSearchResults ul { list-style: none; }

#ulTripDateSearch li { margin: 1em 0px; }

#ulTripDateSearch li label { width: 8em; display: inline-block; }

#ulTripDateSearch li select { padding: 0.5em 1em; border-radius: 0.5em; border: solid 1px rgba(127,127,127,0.3); font-size: 1em; outline: none; }



#ulTripDateResults { margin: 2em 0px; }

#ulTripDateResults li { margin: 0.5em 0px; border-bottom: solid 1px rgba(190,30,45,1); padding: 0.5em 0px 1em 0px; }

#ulTripDateResults li h2 { margin: 0.25em 0px; }

#ulTripDateResults li p { margin: 0px 0px 0.5em 0px; }



/* Hotel Search */



.ulHotelSearch { list-style: none; width: 100%; max-width: 800px; margin: 0px auto; padding: 0px 0.5em; }

.ulHotelSearch li { display: inline-block; width: 100%; margin: 0.5em 0px; }

.ulHotelSearch li label { display: inline-block; width: 20%; min-width: 200px; vertical-align: top; line-height: 2.2em; }

.ulHotelSearch li input[type=text] { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em;  border: solid 1px rgba(127,127,127,0.5); }

.ulHotelSearch li select { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em;  border-radius: 5px; border: solid 1px rgba(127,127,127,0.5); font-size: 0.95em; font-weight: 300; outline: none; }

.ulHotelSearch li textarea { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em;  border: solid 1px rgba(127,127,127,0.5); }

.ulHotelSearch li .divCbWrapper { display: inline-block; /*width: 70%;*/ }

.ulHotelSearch li .spHotelCheckBox { line-height: 2.1em; margin-right: 1em; display: inline-block; }

.ulHotelSearch .wide { width: 70% !important; }

.spHotelCheckBox input { margin-left:0.3em;}



#divHotelResults .divHotelBlock { width: 50%; display: inline-block; vertical-align: top; padding-bottom: 2em; }

#divHotelResults .divHotelBlock a { display: block; color:#000000; }

#divHotelResults .divHotelBlock a:hover { text-decoration: none;  border-radius: 1em; }

#divHotelResults .divHotelBlock .divHotImgWrapper { width: 25%; padding-top: 25%; display: inline-block; position: relative; vertical-align: top; }

#divHotelResults .divHotelBlock .divHotImgWrapper .divHotImg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; }

#divHotelResults .divHotelBlock .divHotContent { width: 75%; display: inline-block; padding: 0px 5%; }

#divHotelResults .divHotelBlock .divHotContent h3 {  }

#divHotelResults .divHotelBlock .divHotContent span {  }

#divHotelResults .divHotelBlock .divHotContent p {  }





/* Contact Form */



.ulForm { list-style: none; width: 100%; max-width: 800px; margin: 0px auto; padding: 0px 0.5em; }

.ulForm li { display: inline-block; width: 100%; margin: 0.5em 0px; }

.ulForm li label { display: inline-block; width: 20%; min-width: 200px; vertical-align: middle; line-height: 2em; }

.ulForm li input[type=text] { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em; border: solid 1px rgba(127,127,127,0.5); }

.ulForm li select { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em; border: solid 1px rgba(127,127,127,0.5); }

.ulForm li textarea { display: inline-block; width: 60%; vertical-align: middle; padding: 0.5em; border: solid 1px rgba(127,127,127,0.5); }



.ulForm li input[type=submit] { border: solid 1px rgba(127,127,127,0.3); padding: 0px 1em; line-height: 2.6em; margin: 0.4em 0px; transition: all 0.5s ease !important; -webkit-transition: all 0.5s ease !important; background-color: rgba(170,133,57,0.2);  }

.ulForm li input[type=submit]:hover { text-decoration: none; background-color: rgba(170,133,57,0.75); color: rgba(255,255,255,1); }



.ulForm #liChildAges { display: none; }

.ulForm #liFindUsOther { display: none; }



.ulForm .narrow { width: 15% !important; }

.ulForm .medium { width: 50% !important; }

.ulForm .wide { width: 70% !important; }

.ulForm p { margin: 0; display: inline-block; }



.ulValidate { /*width: 100%; max-width: 800px; margin: 1em auto;*/ list-style: none; color: #000000; padding:0.5em;  border:2px solid red; width:100%; background-color:#fff1f1;}

#liChildAges > label { vertical-align: top; line-height: 3em; }

#ulChildAges { display: inline-block; width: 60%; }

#ulChildAges li { display: inline-block; width: auto; }

#ulChildAges li label { display: inline; margin-right: 0.5em; white-space: nowrap; }

#ulChildAges li input[type=text] { width: 3em; margin-right: 0.5em; white-space: nowrap; }



.divPaymentMethods, #divPaymentLegal { width: 100%; max-width: 475px; margin: 1em auto; }

.divPaymentMethods ul { list-style: none; }

.divPaymentMethods ul li { display: inline; margin: 0px 0.5em 0px 0px; }



.ui-datepicker { font-size: 0.75em !important; }



/* Feedback Form */



.ulFeedback hr { width: 100% !important; height: 1px !important; }



.ulFeedback h3 { margin: 0px; font-size: 1.2em; }

.ulFeedback h4 { margin: 0px; font-size: 1em; }



.ulFeedback li label { width: 50%; vertical-align: top; line-height: normal; padding-top: 0.5em; padding-right: 1em; }

.ulFeedback li input[type=checkbox] { margin-top: 1em; }

.ulFeedback li select { font-size: 1em; font-weight: 300; outline: none; }

.ulFeedback li .narrow { width: 15% !important; }

.ulFeedback li .medium { width: 30% !important; }

.ulFeedback li .wide { width: 50% !important; }



/* Static pages */



.divStaticContent {  }



.divStaticContent i { font-weight: inherit; font-style: normal; }

.divStaticContent b, .divStaticContent strong, .divStaticContent em { font-weight: 400; font-style: normal; }



.divSiteMap {  }

.divSiteMap p { margin: 0.25em 0px; }

.divSiteMap h4 { margin: 0.25em 0px; }





/* New Wye Media Script */



 .animate-border {

  position: relative;

  display: block;

  width: 115px;

  height: 3px;

  background: #00aab1; }



.dk-footer {

  background-color: #151414;

  position: relative;

  z-index: 2; }

  .dk-footer .contact-us {

    margin-top: 0;

}

.dk-footer .contact-us .contact-info {

    margin-left: 50px;

	width:100%;		

}

    .dk-footer .contact-us.contact-us-last {

      margin-left: -80px; }

  .dk-footer .contact-icon i {

    font-size: 24px;

    top: -15px;

    position: relative;

    color:#00aab1; }



.dk-footer-box-info {

  background: #202020;

  padding: 40px;

  z-index: 2; }

  .dk-footer-box-info .footer-social-link h3 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 25px; }

  .social ul {

    list-style-type: none !important;

    padding: 0 !important;

    margin: 0 !important;

	width:100% !important;

}

  .social li {

    display: inline-block; }

  .footer-widget i {

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    background: #000;

    margin-right: 5px;

    color: #fff; }

    i.fa-facebook {

      background-color: #3B5998; }

    i.fa-twitter {

		background-color: #55ACEE; }

    i.fa-linkedin {

      background-color: #0976B4; }

   i.fa-instagram {

      background-color: #B7242A; }



.footer-awarad {

  margin-top: 285px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 100%;

  -moz-box-flex: 0;

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center; }

  .footer-awarad p {

    color: #fff;

    font-size: 24px;

    font-weight: 700;

    margin-left: 20px;

    padding-top: 15px; }



.footer-info-text {

	margin: 26px 0 32px;

	color:#ffffff;

}



.footer-left-widget {

  padding-left: 80px; }



.footer-widget .section-heading {

  margin-bottom: 35px; }



.footer-widget h3 {

  font-size: 24px;

  color: #fff;

  position: relative;

  margin-bottom: 15px;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content; }



.footer-widget ul {

  width: 50%;

  float: left;

  list-style: none;

  margin: 0;

  padding: 0; }



.footer-widget li {

  margin-bottom: 8px; }



.footer-widget p {

  margin-bottom: 27px; 

	color:#ffffff;

}



.footer-widget a {

  color: #ffffff !important;

	text-decoration:none;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s; }

  .footer-widget a:hover {

    color: #007bff; }



.footer-widget:after {

  content: "";

  display: block;

  clear: both; }



.dk-footer-form {

  position: relative; }

  .dk-footer-form input[type=email] {

    padding: 14px 28px;

    border-radius: 50px;

    background: #2E2E2E;

    border: 1px solid #2E2E2E; }

  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {

    color: #878787;

    font-size: 14px; }

  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {

    color: #878787;

    font-size: 14px; }

  .dk-footer-form button[type=submit] {

    position: absolute;

    top: 0;

    right: 0;

    padding: 16px 24px 12px 17px;

    border-top-right-radius: 25px;

    border-bottom-right-radius: 25px;

    border: 1px solid #00aab1;

    background: #00aab1;

    color: #fff; }

  .dk-footer-form button:hover {

    cursor: pointer; }



.content {

	padding:0 1em; 

	

}



.bullets ul {

	list-style-type:none;

	padding-left:0 !important;

}



.bullets ul li:before {

	content:"\f058";

	font-family: "Font Awesome 5 Free";

	padding:0 10px 0 0;

	color:#003133;

	font-size:20px;

}



.bgColor {

	background-color:#375556;

	color:#ffffff;

	padding:2em 0;

	height:432px;

	margin-bottom:20em;

}



.bgColor .card {

	height:600px;

	border:none;

	box-shadow: 0px 0px 1px 1px #b3b3b3;

}



.mobile {

	display:none !important;

}



.carousel-control-next-icon, .carousel-control-prev-icon{

    background-color: #003133;

}



.carousel-control-next-icon, .carousel-control-prev-icon {

	height:3rem !important;

}



.bgColor .carousel-control-next, .bgColor .carousel-control-prev {

	top:20% !important;

	align-items:baseline !important;

}



/* ==========================



    Contact



=============================*/

.contact-us {

  position: relative;

  z-index: 2;

  margin-top: 65px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center; }



.contact-icon {

  position: absolute; }

  .contact-icon i {

    font-size: 36px;

    top: -5px;

    position: relative;

    color: #007bff; }



.contact-info {

  margin-left: 75px;

  color: #fff; }

  .contact-info h3 {

    font-size: 20px;

    color: #fff;

    margin-bottom: 0; }



.copyright {

  padding: 28px 0;

  background-color: #202020; }

  .copyright span,

  .copyright a {

    color: #878787;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

  .copyright a:hover {

    color:#007bff; }



.copyright-menu ul {

  text-align: right;

  margin: 0; }



.copyright-menu li {

  display: inline-block;

  padding-left: 20px; }



.back-to-top {

  position: relative;

  z-index: 2; }

  .back-to-top .btn-dark {

    width: 35px;

    height: 35px;

    border-radius: 50%;

    padding: 0;

    position: fixed;

    bottom: 20px;

    right: 20px;

    background: #2e2e2e;

    border-color: #2e2e2e;

    display: none;

    z-index: 999;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear; }

    .back-to-top .btn-dark:hover {

      cursor: pointer;

      background: #FA6742;

      border-color: #FA6742; }







.masonry-column {

	margin-bottom:1em;

}



.carousel-caption {

	top:50%;

	left:50% !important;

	transform: translate(-50%,-50%);

	right:inherit !important;

	bottom:inherit !important;

	width:82% !important;

}



.carousel-control-next, .carousel-control-prev {

	width:auto !important;

}



.h-400 {

	height:400px;

}



.h-600 {

	height:600px;

}



.accordion-button:not(.collapsed) {

	color: #ffffff !important;

    background-color: #00aab1 !important;

}



.accordion-button::after {

	background-image:none !important;

	content:"\f078" !important;

	color:#000000 !important;

	font-family:"FontAwesome"

}

.accordion-button:not(.collapsed)::after {

	background-image:none !important;

	color:#ffffff !important;

	display:none;

}



.modal-header { border-bottom:0 !important; }



.sliderBox {

    position: absolute;

    left: 50%;

    /* right: 0; */

    /*top: 50%;*/

	font-size:1.5em;

    transform: translate(-50%, 0%);

    background-color: #000000c4; 

    color: #ffffff;

    text-align: center;

    padding: 1em 2em;

	width:35%;

	bottom:0;

}



.sliderBox h2{

		font-size:1.5em;

}



.sliderBox p {

	font-size:17px;

}



.mapBackground {

	background-image:url('/images/logos/Rediscover-Map.png');

	background-position:top;

	background-attachment:fixed;

	background-repeat: no-repeat;

}



/*.li-inline ul li {

	display:inline-block;

}*/



.li-inline h4 { text-align:center;}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

	border-color:none;

	border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.h-200 {

	height:200px;

}



.infoBox {

	background-color:#ffffff; padding:1em 0; height:100%; box-shadow: 0px 0px 3px 0px #000000;

}



.destinationLinks {

	color:#000000; text-decoration: none !important;

	

}



.searchBtn {

	color: #ffffff;

    background-color: #003133;

    padding: 0.5em 2em;

    margin: 0 auto;

    display: inline-block;

    text-decoration: none;

    width: 185px;

    margin-top: 1em;

    border: 0;

    border-radius: 5px;

}



.tabBar { height:41px; width:100%; background-color:#e9e9e9; overflow: hidden; }



.scrollHint { display:none; position:absolute; right:2em; z-index:999;}

.scrollHint span { position:absolute; width:120px; top:12px; right:0;}

.scrollContainer { position:relative; width:76px; transform:rotate(-90deg); }



.chevron { position:absolute; width:28px; height:8px; opacity: 0; transform:scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite }

.chevron:first-child { animation: move 3s ease-out 1s infinite; }

.chevron:nth-child(2) { animation: move 3s ease-out 2s infinite; }



.chevron:before, .chevron:after {content: ' '; position:absolute; top:0; height:100%; width:51%; background: #003133; }

.chevron:before { left:0; transform: skew(0deg, 30deg);}

.chevron:after { right:0; width:50%; transform: skew(0deg, -30deg);}



.hotelImg {

	height: 175px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    box-shadow: 0px 0px 3px 0px #000000;

	cursor:pointer;

	border: 1px solid #ffffff;

}



.holidayIdeasList { background-color:#e9e9e9; padding-left:0; margin-bottom:0; list-style:none; }

.holidayIdeasList li { padding:1em 10px 1em 10px; border-bottom:1px solid #adadad94; cursor:pointer;}

.holidayIdeasList li:last-child { border-right:0;}

.holidayIdeasList li a { color:#000000; text-decoration:none; font-size:14px;}



.divContentWrap a { color:#000000; text-decoration:none;}



.paddingNone {

	padding:0 !important;

}



.sticky {

	position:sticky;

	position: -webkit-sticky;

	top:110px;

}



.box {

	position:relative;

	margin-top:42px;

}





.box .active .divMainTextBlockContent { z-index:998; background-color: #ffffff; } 

.box .divItemWrapper { margin-bottom:7%; margin-top:0%; width:49%; padding-top:60%;}

.box .divLocationMap { width:100%; }

.box .col-lg-8, .box .col-lg-4 { padding-right:0 !important; }



.mapboxgl-popup {

	transition:none !important;

    -webkit-transition: none !important;

}



#home .divMainTextBlockContent { height:auto !important; overflow:hidden !important;}

#home .container { position:relative !important; }



.bg {background-color: #bfa36a21; padding: 1.5em 0 1em; }



#regions .row, #cities .row, #islands .row, #districts .row, #resorts .row, #hotels .row { margin-right:30px !important; }



#todo .divItemWrapper { width:33.3%; margin-bottom:0; padding-top:35%; }



.infoBox h4 { margin-top:1em; }



.submitBtn { display:inline-block; width:50px; height: 38px; position: absolute; right: 0; top: 0px; background-color: #00aab1; color:#ffffff; border:0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.form-control { width:75%; border-top-right-radius:0px; border-bottom-right-radius:0;}



.font20 { font-size:28px; font-weight:600;}



a { color:#000000 !important;}

a:hover { color:#00aab1 !important;}



#ulMainMenu a, #ulContactMenu a, .divEnquire a, .copyright-menu a { color:#ffffff !important; text-decoration:none;}



.icon { text-align:center; width:35px; margin:0 auto; background-color: #003133; color:#ffffff; border-radius: 50%; height:35px; font-size:23px;}

.infoBox h4 { text-align:center; margin-top:1em; }

.staticBlockul ul {width:100%; padding:10px 20px 0; text-align:center; list-style-type:none; }

.staticBlockul ul li {margin-bottom:0.5em; border-bottom:1px solid #bbbbbb; padding-bottom:10px; }

.staticBlockul ul li:last-child {margin-bottom:0.5em; border-bottom:0px; padding-bottom:10px; }



.mapSticky { position:sticky; position: -webkit-sticky; top:180px; }

.noMargin { margin-right:0 !important; }



.marker {

	display: block;

	border: none;

	border-radius: 50%;

	cursor: pointer;

	padding: 0;

	background-size: cover !important;

	top:-10px !important;

}

.aEnquireBtn { border: solid 1px rgba(127,127,127,0.3); padding: 0.7em 2em; line-height: 2.6em; margin: 0.4em 0px; transition: all 0.5s ease !important; -webkit-transition: all 0.5s ease !important; background-color: #003133 !important; color: #ffffff !important; text-decoration: none; font-weight: 600; }

.aEnquireBtn:hover { text-decoration: none; background-color: rgba(170,133,57,0.75) !important; color: rgba(255,255,255,1); }

.btn { border: solid 1px rgba(127,127,127,0.3); transition: all 0.5s ease !important; -webkit-transition: all 0.5s ease !important;

    background-color: #003133 !important; color: #ffffff !important; text-decoration: none; font-weight: 600; }

.btn:hover { text-decoration: none; background-color: rgba(170,133,57,0.75) !important; color: rgba(255,255,255,1);}



.nav-tabs .nav-link { color:#ffffff;}

.nav-tabs li a span{ color:#ffffff;}



.mapHeight { position:relative; height:75vh;}



.tabBar .stars5, .tabBar .stars4, .tabBar .stars3, .tabBar .stars2, .tabBar .stars1 { margin-top:13px; }



.stars5:before {

	font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f005 \f005 \f005 \f005 \f005"; color:#F68127;

}



.stars4:before {

	font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f005 \f005 \f005 \f005"; color:#F68127;

}



.stars3:before {

	font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f005 \f005 \f005"; color:#F68127;

}



.stars2:before {

	font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f005 \f005"; color:#F68127;

}



.stars1:before {

	font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f005"; color:#F68127;

}



.stars0:before {

	font-family:"Font Awesome 5 Free"; font-weight:400; content:"";

}

.carousel-caption { text-align:left !important; }



@keyframes move {

  25% {

    opacity: 1;



  }

  33% {

    opacity: 1;

    transform: translateY(30px);

  }

  67% {

    opacity: 1;

    transform: translateY(40px);

  }

  100% {

    opacity: 0;

    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);

  }

}



@keyframes pulse {

  to {

    opacity: 1;

  }

}

#reviews {
	display:block; position:relative; top:-250px; visibility: hidden;
}



@media screen and (max-width:1440px) {
	
}

@media screen and (max-width: 1400px) {
	.divIndexItemImage { padding-top:175% !important; }
	.mapBackground .divIndexItemImage { padding-top:60% !important; }
}



@media screen and (min-width: 1231px) {



}



@media screen and (max-width: 1230px) {

	.divSlideButton { font-size: 4.5vw; }

}







@media screen and (max-width: 1024px) {

	/* Main menu dropdown */

	.desktopHide { display: inherit !important; }

	.mobileHide { display: none !important; }

	#divHeader { overflow: hidden; }

	#divHeader #ulMobileMenu { display: block; }

	#divHeader #ulMainMenu { display: block; float: none; width: 100%; /*margin-top: 8px;*/ margin-top: 50px; }

	#divHeader #ulMainMenu li { display: block; width: 100%; margin: 0px; }

	#divHeader #ulMainMenu li a { border: none; border-bottom: 1px solid rgba(230,230,230,0.3); border-radius: 0px; padding: 12px 8px; }

	#divHeader #ulContactMenu { top: 50px; }

	#divHeaderWrapper.conceal #divHeader { /*height: 65px;*/ height: 130px; }

	#divHeaderWrapper.conceal #divHeader #ulMainMenu { opacity: 0; }	

	#divHeaderWrapper.reveal { background-color: rgba(0,49,51,1); }

	#divHeaderWrapper.reveal #divHeader { /*height: 337px;*/ height: auto; }

	#divHeaderWrapper.reveal #divHeader #ulMainMenu { opacity: 1; }

	#divJumpWrapper.sticky { top: 90px; }

	/*#divBreadcrumb { margin-top:2em;}*/

	

	/* Destination slider */

	.divSliderWrapper { padding-top: 25%; }

	.divSliderContainer { width: 500%; left: -200%; }

	.divSlideButton { font-size: 6.2vw; }

	#divHeader #ulContactMenu { left:6px !important; right:unset; text-align:left;}

	#divHeader ul li { margin-left:0!important;}

	#ulHomeMenu, #ulContactMenu { padding-left:0 !important; }

	#divHeader #ulHomeMenu { width:275px; }

	.ulSearchMatches li { width: 48% ;}

	.mobile { display:block !important;	}

	.bg-image .img { padding-top:30% !important; }

	/*.submitBtn { right: 160px; }*/

		.tabBar { overflow:scroll; overflow-y:hidden; }

}



@media screen and (max-width: 924px) {

	#divJumpWrapper.sticky .divJumpTo { padding-left: 4px; }

}



@media screen and (max-width: 900px) {

	.ulFacilities li { width: 33.3%; }

	.divMainTextBlock.jumper.activityJumper #divJumpWrapper { line-height: 2em; }

	.divMainTextBlock.jumper.activityJumper { padding-bottom: 4em; }



	.divMainTextBlock.jumper.activityJumper #divJumpWrapper { line-height: 2em; }

	



	.ulActivityResults li { display: block; width: auto; }

	.sliderBox { width:90%; }

}



@media screen and (max-width: 800px) {

	.ulForm li label { display: block; width: auto; }

	.ulForm .narrow { width: 15% !important; }

	.ulForm .medium { width: 80% !important; }

	.ulForm .wide { width: 100% !important; }

	#liChildAges > label { display: inline-block; width: 20%; min-width: initial; }

	.ulForm .mobHide { display: none; }

	.divPaymentMethods, #divPaymentLegal { width: 100%; max-width: initial; }

	.ulHotelSearch li label { display: block; width: auto; }

	.ulHotelSearch .wide { width: 100% !important; }

	.mobile { display:inherit !important; }

	.desktop { display:none!important; }

}



@media screen and (max-width: 768px) {

	.divCircleSliderImage p { font-size: 2vw; }

	#divFooter .ulFooterLogos { display: none; }

	.divItemWrapper { width: 50%; padding-top: 45%; }

	.divItemBlock .divItemImage { padding-top: 50%; }

	.divIndexItemWrapper { width: 50%; }

	.divJumpTo a { margin-left: 0.5em; }

	.divJumpTo a i.icon { display: inline-block; margin: 0px 0.2em; }

	.divSearchResults .divJumpTo a span { display: inline; white-space: normal; }

	.divSearchResults .divJumpTo a { display: inline-block; }

	.divSearchResults #divJumpWrapper { line-height: 2em; }

	.divMainTextBlock.jumper.activityJumper .divJumpTo a span { display: inline-block; }

	body.bodyLapland .divMainTextBlock.jumper h2 { width: auto; }

	body.bodyLapland #divLaplandLinks .aLaplandLink { display: block; width: 60%; margin: 1em !important; }

	body.bodyLapland #divReindeerAd { top: 290px; right: 1.5em; }

	#frmSearch input[type=text] { font-size: 1.5em; width: 60%; }

	#frmSearch h1 { font-size: 1.5em; }

	#frmSearch h2 { font-size: 1.5em; }

	#frmSearch i { font-size: 2em; }

	.ulDepartures li { font-size: 2.4vw; }

	/*.ulHotelSearch li .divCbWrapper { width: 60%; }*/

	#divHotelResults .divHotelBlock { width: auto; display: block; }
	
	.divIndexItemImage { padding-top:300% !important; }

	/*.submitBtn { right:90px; }*/

	

}



@media screen and (max-width: 640px) {

	.divSliderWrapper { padding-top: 60%; }

	.divSliderContainer { width: 800%; left: -350%; }

	.divSlideButton { font-size: 14vw; }

	.divItemWrapper { width: 80%; padding: 0.5em 0px; float: none; margin: 0px auto; }

	.divItemWrapper a { position: relative; left: 0px; right: 0px; }

	.divItemBlock .divItemImage { padding-top: 40%; }

	.divIndexItemWrapper { width: 100%; }

	.ulFacilities li { width: 50%; display:inline-block;}

	.aEnquire { margin: 0.4em 10px; }

	/*.ulHotelSearch li .divCbWrapper { width: auto; }*/

}



@media screen and (max-width: 480px) {

	#divHeader #ulContactMenu { font-size: 4.1vw; }

	#divFooter h3 { font-size: 3.9vw; }

	#divFooter .ulFooterLinks li a { font-size: 2.9vw; }

	/*.ulFacilities li { width: 100%; }*/

	.divMainTextBlock.jumper.activityJumper { padding-bottom: 6em; }

	body.bodyLapland #divLaplandLinks .aLaplandLink { width: auto; }

	body.bodyLapland #divReindeerAd { display: none; }

	#frmSearch input[type=text] { font-size: 2em; width: 50%; }

	#frmSearch h1 { font-size: 1em; }

	#frmSearch h2 { font-size: 1em; }

	/*#frmSearch i { font-size: 1.5em; }*/

	.mobile { display:inherit !important; }

	.desktop { display:none!important; }

	.footer-widget { margin-top:2em; }

	h1 { font-size: calc(1.25rem + 0.5vw) !important; }

	h3 { font-size: calc(1rem + .3vw) !important; }

	.carousel-caption {position:relative !important; transform:none; padding:0 1em; width:100% !important; top:0; left:0 !important;}

	.sliderBox { width:100%; padding:2em 2em; }

	.h-600 { height:300px; }

	.sliderBox { padding:1em; }

	.sliderBox h2 { font-size: 0.9em; }

	.sliderBox p { font-size:14px; }

	.tabBar ul { width:1300px;}

	.tabBar .destinations { width:560px;}

	.tabBar { overflow:scroll; overflow-y:hidden; }

	/*#divMain { padding-top:3em;}*/

	.scrollHint {

		display:block;

	}

	.box .container { position:relative;}

	.tab-content>.active { overflow:hidden; height:auto; }

	.box .divItemWrapper { margin-bottom:3%; margin-top:0; width:100%; padding-top:0;}

	.fullColour .d-none:first-child { display:block !important; }

	.box .active .divMainTextBlockContent { width: 100%; position: relative; height: auto; overflow:hidden; }

	.bg { background-color:#ffffff; }

	.bg .container { background-color:red;}

	.pPanelHeader { text-align:center; margin:10px 0; padding:0; }

	.activitiesBox { margin-top:1em; }

	.mapBackground { background-image:none; }

	.box .col-lg-8, .box .col-lg-4 { padding-left:calc(var(--bs-gutter-x)/ 2) !important; padding-right: calc(var(--bs-gutter-x)/ 2) !important;}

	.submitBtn { top:0.4px; }

	#divHeader #ulContactMenu li { width:49%; position:relative;}

	#divBreadcrumb { margin-top:3em; padding:0 10px; }

	.ulSearchMatches li { width: 100% ;}

	.sticky, .mapSticky { position:relative; top:0;}

	.mapSticky { margin-bottom: 1em; }

	#regions .row, #cities .row, #islands .row, #districts .row, #resorts .row, #hotels .row { margin-right: 0 !important; margin-left:0 !important}

	#todo .divItemWrapper { width:100%; padding-top:0; }

	.pPanelHeaderFull { margin:0; }

	.noMargin { margin-left:0 !important; }

	#divBreadcrumb p { lin-height:1.4em;}

	.submitBtn { right: 0px; }
	
	.divIndexItemImage { padding-top:90% !important; }

	

} 

@media screen and (max-width:360px) {

	#divHeader #ulMobileMenu { font-size:1.8em; padding-left:0; } 	

}