/*
 Theme Name:   Salient Child
 Description:  Salient Child Theme
 Author:       T M Sharifur Rahman
 Author URI:   https://nordicinvasion.se/
 Template:     salient
 Version:      1.0.0
 Text Domain:  salient
*/


.full-width-content.wpb_row.vc_row-fluid.vc_row p, .full-width-content.wpb_row.vc_row-fluid.vc_row h1, .full-width-content.wpb_row.vc_row-fluid.vc_row h2, .full-width-content.wpb_row.vc_row-fluid.vc_row h3, .full-width-content.wpb_row.vc_row-fluid.vc_row h4, .full-width-content.wpb_row.vc_row-fluid.vc_row h5, .full-width-content.wpb_row.vc_row-fluid.vc_row h6 {max-width: 100%; width: 100%;}
.omv{display: none}
.vc_row.wpb_row.vc_row-fluid {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.full-width-content.wpb_row.vc_row-fluid.vc_row {max-width: 1200px; margin: 0 auto !important; padding: 0 10px; left: 0; right: 0; }

.vc_row.wpb_row.vc_row-fluid .vc_column_container>.vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.id-languageswitcher {display: block;}
.wpml-ls-legacy-dropdown-click {width: 65px}
.id-header-secondary-menu {float: left;}
.loading-page .primary-menu-icon {visibility: visible}
.primary-menu-horizontal-onhover .level2 li, .primary-menu-horizontal-onhover .level2 li:nth-of-type(1n) {
	width: 24%;
}
.primary-menu a.level2 {
	font-size: 1.2em;
}
.membersof-list,
.membersof-item {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.membersof-box,
.membersof-list,
.membersof-item-inner,
.membersof-box .box-desc {
    text-align: center;
}

.membersof-box:after {
    content: "";
    display: table;
    clear: both;
}

.lte7 .membersof-box {
    zoom: 1;
}

.membersof-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.375em;
    max-width: 320px;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.membersof-item-inner {
    display: block;
    padding: 0.375em;
}
.hotellist-section { display:flex; flex-wrap:wrap}
/*------------- MQ -------------*/
@media screen and (min-width: 1px) and (max-width: 479px) {
    .membersof-list, .membersof-item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}

@media screen and (min-width: 480px) and (max-width: 649px) {
    .membersof-item {
        width: 33.3%;
    }
}

@media screen and (min-width: 650px) and (max-width: 1219px) {
    .membersof-item {
        padding-left: 0;
        padding-right: 0.75em;
    }

    .membersof-item:last-child {
        padding-right: 0;
    }
}

/*---------- DESKTOP -----------*/
@media screen and (min-width: 1220px) {
.primary-menu-toggler { display:none !important}
}
.box-8-img {max-height: inherit}
@media screen and (min-width: 600px) {
.box-8-img {max-height: 400px}
}

@media screen and (min-width: 1220px) {
    .membersof-item {
        padding: 0.75em 3em 0 0;
    }

    .membersof-item:last-child {
        padding-right: 0;
    }

    .fixedWidthSiteVersion .membersof-item {
        float: left;
    }
}

.form-item label, .form-item-label {width: 11em}
.popup-video-trigger.js-popuptoggle.button {margin-top: 15px}



/*--------new_style_21/08/2021--------*/
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {border-top-color: #000;}
.avre.calender .form-group .fa { color:#544333 !important}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
	border-radius:5px;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    color: #fff !important;
    background-color: #f7740c !important;
    border-color: #f55d0a;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:hover {
	text-shadow: 0 0 2px rgb(0 0 0 / 12%);
    background-color: #f55d0a!important;
    border-color: #f55d0a!important;
}
@media screen and (min-width: 1200px) {
    .primary-menu-horizontal {width: 79%;}
    .id-menu-logo {
        width: 21%;
    }
    .id-menu-logo.logo img {margin-top: 9px;}
}
@media screen and (max-width: 1199px) {
    .id-wrapper-header.wrapper.offcanvas-visible,
    .primary-menu-horizontal {
        display: none !important;
    }
	.logo img {max-width: 220px !important;
        width: 100% !important;}
	.id-menu-logo.logo {padding-top: 5px; padding-bottom: 5px}
}
@media screen and (max-width: 991px) {
    .wrapper-menu .wrapper-inner {
        align-items: center;
    }
    .layout-1 .id-menu-logo {
        min-width: auto;
    	min-width:auto;
    }
    .id-menu-logo {
        min-width: auto;
    	min-width:auto;
    	width: 55%;
    }
    .primary-menu-horizontal {
        width: 100%;
        max-width: 100%;
    }
    .logo img { width:auto}
    .primary-menu-horizontal { display:none}
    .primary-menu-horizontal ul.level1>li {
        width: 100%!important;
        flex: inherit;
    }
}
.video-nai .main-figure-video-banners-link:before { display:none}
.form-area-to-show.form-area-bottom {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}
.hotellist-section { display:flex; flex-wrap:wrap}
@media screen and (min-width: 992px) {
.form-item textarea.form-input-text {
    width: 23em;
	height:66px;
    margin: 0;
}
.primary-menu-horizontal ul li:hover > ul { 
	display:flex;
	overflow:hidden;
}
.grid-row { position:relative}
#sidebar { right:0}
#sidebar.fixed {
	width:100%;
	max-width:1200px;
	position: fixed;
	top: 0;
	left:0;
	right:0;
	margin:0 auto;
	display:flex;
	justify-content:flex-end;
}
#sidebar.fixed .main-section-inner { width:370px}
}
.ui-datepicker-calendar .undefined:hover {border-color: #e58c3b;}
.ui-datepicker-calendar .ui-state-disabled.undefined:hover,
.ui-datepicker-calendar .ui-state-disabled.undefined {
    opacity: .35;
	border-color: rgba(84, 67, 51, .12);
}
.form-row-buttons {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	width:100%;
}
.form-item .wpcf7-list-item {
	float:left;
	margin-left:0;
}
.footer-cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (max-width: 991px) {
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not(.button), textarea, select, input:not(.button)[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover {
   width:100%;
}
.form-item .form-input-text, .form-item .form-input-textarea {
    width: 100%;
}
.heading_left p { text-align:center}
.tour_table_file {
    width: 100%;
}
.show-slideshow-banner-wide .id-wrapper-section-header {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
}
.show-slideshow-banner-wide .id-wrapper-header, 
.show-slideshow-banner-wide .id-wrapper-header:nth-child(1n) {
     background-color: transparent;
}
.id-menu-multicol-offcanvas-box-2 { padding-bottom:65px !important}
}
.hide-on-desktop { display:none !important}
@media screen and (max-width: 767px) {
    .hide-on-desktop { display:block !important}
    .hide-on-mobile { display:none !important}
    .secondary-menu-offcanvas li.hide-on-desktop a{
    	font-weight: 600;
    	letter-spacing: 1px;
    	text-transform: uppercase;
    }
}
.page-id-353 .form-area-to-show {
	margin:0 !important;
	padding: 1.5em 0;
	box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 12%), inset 0 -1px 0 0 rgb(0 0 0 / 12%);
	position:relative;
	z-index:1;
}
/* New css 05-11-12 */
.ban_vid_popup_btm_text h2 {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	float: right;
	font-size: 38px;
}
.faq_title_active:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* new css 15-11-21 */
.wpgmp_map_container { overflow: hidden !important; }
.fc-feature-img img { max-width: 75px !important; }
.map-center-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 15px 15px;
}
.id-wrapper-hero-header .main-header {
    padding-bottom: 20px;
}
.otgs-development-site-front-end {
    display: none;
}
.id-wrapper-hero-header .button,
div#image-popup {
    font-size: 1.2em;
    padding: 0.7em 1em;
}
.rating-star, .rating-star-half, .rating-nostar, .rating-plus {
    top: -5px;
    font-size: 45px;
    font-weight: 700;
}

#map .location_info h2 a { font-size: 15px; font-weight: 600; }
#map .location_info {
    max-width: 220px;
}
.hotellist-item.destination .rating-star, .hotellist-item.destination .rating-star-half, .hotellist-item.destination .rating-nostar, .hotellist-item.destination .rating-plus {
    top: 0;
    font-size: 30px;
}
.video-nai a:after{display: none}
.ckeditor-content ul, .cke_editable ul,
.ckeditor-content h2, .ckeditor-content h3, .ckeditor-content h4, .ckeditor-content h5, .ckeditor-content h6, .ckeditor-content p strong {
	padding-bottom: 20px;
}
.ckeditor-content p br {display: block}
.id-header-secondary-menu li.hide-on-desk {display: none}
@media screen and (max-width: 600px) {
.odv{display: none}
ul#menu-main-menu-sw-1 {margin-top: 74px !important}
.omv, .id-header-secondary-menu li.hide-on-desk {display: block}
	.nav-close-parent {
		width: 100%;
		text-align: right;
	}
	.nav-close-style {
		font-size: 1.3em;
		line-height: 1.2;
    	padding-top: 0.75em;
    	padding-bottom: 0.75em;
		color: #b3aaac;
	}
	.nav-close-style span.icon-close {
		position: relative;
		top: 4px;
		display: inline-block;
		margin-left: 5px;
		background: none;
	}
}
@media screen and (max-width: 800px) {
	.main-desc, .id-wrapper-heading .wrapper-inner {padding: 0 10px}
}
.fancybox-enabled body { overflow-x:hidden}
.mvideo iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
div.wpforms-container-full .wpforms-form .wpforms-first {
	margin-bottom: 25px !important;
}
.content-area.ckeditor-content h1 br { display:none}
.js-sameboxinnerheight .box-inner {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
}
.hotellist-item .box-nav {
    margin-top: auto;
}
.form-area-to-show {
    position: relative;
    z-index: 9;
}
.tp_iframe_area {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}

@media screen and (min-width: 600px) {
.hotellist-item .box-title {
    /*min-height: 90px;
    padding-bottom: 0;*/
	width: 100%;
}
.hotellist-item .box-inner,
.hotellist-item {
	position:relative;
	height:100%;
}
.hotellist-item	.box-inner {
	flex-direction: column;
	display: flex;
	position: relative;
}
.hotellist-item .box-nav {
    width: 100%;
    padding-top: 0;
}	
}


/*** fancybox CSS ****/
.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}
.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}
.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: 0;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: 0;
    font-size: 16px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {



    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: 0 0
}

.fancybox-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: 0 0;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    background: 0 0;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: 0 0
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0 30px;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;

    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: 0 0;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: 0
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}

.fancybox-button::after,
.fancybox-button::before {
    content: '';
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled::after,
.fancybox-button--disabled::before {
    opacity: .5
}

.fancybox-button--left::after {
    left: 20px;
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right::after {
    right: 20px;
    top: 18px;
    width: 6px;
    height: 6px;
    background: 0 0;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close::after,
.fancybox-button--close::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media all and (max-width:800px) {
    .fancybox-controls {
        text-align: left
    }
    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none!important
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: 0 0
}

.fancybox-button--play::before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: 0 0
}

.fancybox-button--pause::before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px 0 2px;
    background: 0 0
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs::before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: 0;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #f7740c;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media all and (max-width:800px) {
    .fancybox-thumbs {
        display: none!important
    }
    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}


.video-height video {
    object-fit: cover;
    width: 100%
}


.top-video {
    position: relative;
    z-index: 1;
    color: #fff;
    overflow: hidden;
    margin-bottom: 0;
    min-height: 320px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.top-video video {
    width: 100%;
    height: 315px;
    object-fit: cover
}

.top-video__image-overlay {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.top-video__content {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%
}

.top-video__content__headline {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1.5
}

.top-video__content__subheadline {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1.1
}

.top-video__content__actions {
    margin-top: 15px;
    font-size: 20px
}

.top-video__content__actions a {
    font-size: 13px;
    color: #fff
}

.top-video__content__actions a:nth-child(2) {
    margin-right: 0
}

.top-video__content__actions a span {
    font-size: 30px;
    vertical-align: middle;
    padding-right: 10px;
    margin-top: -5px
}

@media only screen and (min-width:768px) {
    .top-video {
        margin-bottom: 60px;
        min-height: 350px
    }
    .top-video video {
        height: 650px
    }
    .top-video__content {
        top: 120px
    }
    .top-video__content__actions {
        font-size: 30px
    }
    .top-video__content__actions a {
        font-size: 18px
    }
    .top-video__content__actions a span {
        font-size: 40px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) {
    .top-video {
        min-height: 570px
    }
    .top-video__content {
        height: 300px
    }
    .top-video__content__headline {
        line-height: 1.1
    }
    .top-video__content__actions {
        margin-top: 20px;
        font-size: 24px
    }
    .top-video__content__actions a span {
        font-size: 50px;
        margin-top: -5px
    }
}
@media only screen and (min-width:1200px) {
    .top-video__content {
        left: 250px
    }
}

.fancybox-button {
    background: #f7740c
}

.fancybox-button:hover {
    background-color: #c26701
}


.fancybox-thumbs {
    background: 0 0;
}
.fancybox-thumbs>ul>li {
    border-color: transparent;
}
#oversikt a:hover {
	color: #0b7ea0 !important;
}
@media only screen and (max-width:599px) {
	.mb-set-flex {
		display: flex;
		flex-wrap: wrap;
	}
	.order-1 {
		order: 1;
		-webkit-order: 1;
	}
	.order-2 {
		order: 2;
		-webkit-order: 2;
	}
}
.fancybox-content,
.fancybox-iframe { height:45vw !important}
.socialmedia-horizontal-item a {text-decoration: none !important;}