.home_mobile header.darkheader, .loginpage header.darkheader{
   /* padding-top: 120px;*/
}
body.opage.loginpage {
   /* border-top: 0px;*/
}

.opage .rilogo {
    display: none;
}
.vindue .rilogo {
    display: block;
}
.opage.loginpage .rilogo {
    
}
.loginpage .hometop h1{
	    margin-top: 160px; margin-top: 30px;
}

.faqblk a{
	color:#f5d312;	
}
.hometop dl, .hometop dt, .hometop dd{
	color:#000;
}
.hometop dd a{
	color:#f5d312;	
}
.hometop dt{
	
}
.hometop dd{
	
}
.hometop dl {
    width: 400px;
    margin: auto;
}
.faqblk dt a:last-child {
    background-color: #f5d312 !important;
    color: #fff !important;
    padding: 8px 25px !important;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    letter-spacing: 1px;
    float: none;
    margin: 5px auto;
    outline: none;
    width: auto;
    display: inline-block;
    text-align: center; width:100%;
}
.logo_outer {
    display: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #f5d312;
	background: #f5d312;
	font-weight: normal;
	color: #ffffff;
}

/**/
.ristamps a {
	cursor: pointer;
}

a.stblock {
	width: calc(18% - 20px);
	float: left;
	display: inline-block;
	background: #fff;
	margin: 5px 8px;
	color: #000;
	font-size: 26px;
	line-height: 100%;
	vertical-align: middle;
	padding: 20px 0;
	font-weight: bold;
	cursor: default; text-align: center;
}

a:hover {
	text-decoration: none;
}

a.stblock.large {
	position: absolute;
	right: -7px;
	top: 0;
	margin: 5px 0;
	padding: 10px 0;
	height: calc(100% - 30px);
}

.ristamps {
	float: left;
	width: 100%;
	margin-left: -7px;
	position: relative;
}

.ristamps a.active {
	background: url(../img/mempseal.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	background-color: #fff;
	color: transparent;
}

.ristamps a.large.active {
	background: url(../img/gratis.jpg);
	background-repeat: no-repeat;
	background-size: 92% auto;
	background-position: center bottom;
	background-color: #fff;
	color: #000;
}
.sblk4.windowslist.wibg .pblk p.fs2 {
	font-size: 20px !important;
}

/* pin nd car animation old */
.main_bg{
	position:absolute;
	top:-5%;
	width:100%;
	height:120%;
	left:0;
	
	/*bottom:0;*/
}
.main_bg::before {
    content: '';
    background: #3bb7ea;
    position: absolute;
    top: 0;
    height: 200px;
    width: 100%;
}
.darkheader .hbg{
	overflow:hidden;
}
/*
.pins1, .pins2{
    width: 38%;
    height: 38%;
    top: 9%;
    left: -2%;
    position: absolute;

}
.pins2{
	left:auto;
	right:0;
}
.car_a {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}
.car_a {
    top: 45%;
    position: absolute;
    vertical-align: bottom;
}

.pins {
    width: 20%;
    position: absolute;
	top: 34%;
    left: 2%;
	margin-top: 7%;
}
.pin1 {
	left:2%;
	top:28%;
}
.pin2 {
	left: 7%;
    top: 14%;
}
.pin3 {
	left: 23%;
    top: 22%;
}
.pin4 {
	left: 67%;
    top: 17%;
}
.pin5 {
	left: 79%;
    top: 28%;
}
.pin6 {
	left: 82.5%;
    top: 15%;
}

.car_a {
	top: 50vh;
}*/

.pins {
    width: 200px;
    left: 9%;
    position: absolute;
    top: 16%;
}
.spin2{
	width: 180px;
    left: 30%;
    top: 12%;
}
.spin3{
    left: 86%;
    top: 12%;
}

.darkheader .hbg{
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:0 0;
}

/*
.erhverv .darkheader .hbg{
	background-image: url(../img/erhverv_01.jpg);
}
.kontakt .darkheader .hbg{
	background-image: url(../img/kontact_01.jpg);
}
.fordele .darkheader .hbg{
	background-image: url(../img/fordel_01.jpg);
}
*/


.opage, .sechead{
	color:#000;	
}
.hometop h1 .fyel, .opage .fyel {
    color: #000;
}
footer .fyel, .opage footer .fyel, .opage nav .fyel {
    color: #f5d312;
} 
.opage.wincaltime .darkheader .hbg {
    background-image: url(/Content/V4/img/backgroundgrn.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
}
/* cal page */
.wincaltime .sechead, .wincaltime.opage{
	color:#fff;
}

@media only screen and (min-width: 1000px){
#hbg{
	overflow:visible;
}
}

@media only screen and (min-width: 824px){
.appimg {
    position: absolute !important;
    bottom: -10%;
    top: auto;
	bottom:-10%;
	right:6%;
}
.app_page .appimg {
    position: absolute !important;
    bottom: -10%;
    top: auto;
	top:0;
	bottom:0;
	right:6%;
}
.opage .caranim{
	z-index:99;
}
.bgcloud::after {
    content: '';
    width: 100%;
    height: 5px;
    float: left;
    position: absolute;
    bottom: -1px;
    background: #fff;
}
}

/* animation new */
.boycloud{
	display:none;
}
.home.darkheader .hbg{ background:transparent; }
.home .hbg{ background:#fff; }
.main_bg::before {  }
.main_bg{
	top:auto;
	bottom: -5%;
	bottom: -10%;
}

.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background: transparent url(/Content/V4/img/3307x1851.png) no-repeat scroll center 101%/100% auto;
}

@media (orientation: landscape) {
  .port_v {
    display:none;
  }
  
}

@media (orientation: portrait) {
  .land_v {
    display:none;
  }
}

/* Desktop */
@media only screen and (min-width: 1025px){
.opage header.darkheader .hbg+.container, .opage header.darkheader .hbg+.container1, header.darkheader .hbg+.container{
	max-height:65vw;
}
.husapart .darkheader .hbg{
	background-image: url(../img/desk-bg-sp.jpg);
	/*background-size: 100% auto !important;*/
}
}
@media only screen and (min-width: 1187px){
.opage header.darkheader .hbg+.container, .opage header.darkheader .hbg+.container1, header.darkheader .hbg+.container{
	max-height:55vw;
}
}
/* ipad */
@media (orientation: portrait) and (max-width:1024px){
.main_bg {
    top: auto;
    bottom: 0;
}
.opage header.darkheader .hbg+.container, .opage header.darkheader .hbg+.container1, header.darkheader .hbg+.container{
	height: 55vh;
}
.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background: transparent url(/Content/V4/img/2300x2120.png) no-repeat scroll center 101%/100% auto;
}
}

/* ipad landscape */
@media (orientation: landscape) and (min-width:1024px){
.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background: transparent url(/Content/V4/img/2020x1408.png) no-repeat scroll center 101%/100% auto;
}
}
@media (orientation: landscape) and (min-width:1025px){
.opage header.darkheader .hbg+.container, .opage header.darkheader .hbg+.container1, header.darkheader .hbg+.container{
	max-height:65vw;
}
.opage .darkheader .hbg, .opage1 .darkheader .hbg{
	background-size: 200% auto;
	background-size: cover;
}
}

/* Mobile */
@media (orientation: landscape) and (max-width:823px){
.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background: transparent url(/Content/V4/img/3500x2000.png) no-repeat scroll center 101%/100% auto;
}
}
@media (orientation: portrait) and (max-width:823px){
.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background: transparent url(/Content/V4/img/2000x3500.png) no-repeat scroll center 101%/100% auto;
}	
}
.opages .bgcloud, .opages .bgcloud.big1, .boycloud{
	background-position: 0 100%;
	/*z-index:99;*/
}


@media only screen and (max-height:2160px){

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

}
@media only screen and (max-height:1080px){

}
@media only screen and (max-height:900px){

}
@media only screen and (max-height:768px){

}
@media only screen and (max-height:720px){
.main_bg{
	/*width:110%;
	height:110%;
	left:-5%;
	top:-5%;*/
}
.darkheader .hbg{
	background-position:center;
	background-size:110% auto;
}
}

@media only screen and (max-width:823px){
.opage header.darkheader .hbg+.container, .opage header.darkheader .hbg+.container1, header.darkheader .hbg+.container {
    height: auto;
}
.main_bg{
	top:auto;
	bottom:0;
	width:100%;
	height:auto;
}
.home_mobile header.darkheader, .vindue header.darkheader {
    padding-top: 120px;
    padding-bottom: 100px;
}
.main_bg::before {  top:-180px; }
body.opage.wing.desk.wing1 nav.dark .brand a, body.opage.wincaltime nav.dark .brand a{
	background: url(/Content/V4/img/logo-mempolering-wh.png) center top no-repeat;
	background-size: 100% auto;
}
}

/* animation css end */
@media only screen and (max-width:823px){
.opage .rilogo {
    display: block;
	background-image: url(../img/mobile/hhbgmob.png);     background-size: 100% auto;
	margin: 0 10px;
    width: auto;
    display: flex;
    float: none;
	background:transparent;
	
}
body.opage.loginpage nav.container.ri_sticky.dark .rilogo .brand a {
    /*height: 100px;
    width: 156px;
    margin-top: 25px;*/
}
footer .footernew{ padding-top:50px; }
	body.opage{
		padding: 10px;
		padding-top: 0;
		border-top: 10px solid #fff;
	}
.opage .darkheader .hbg {
    bottom: 10%;
    background-size: 100% 100%;
	/* new bg oct 21 */
	background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}
.opages .bgcloud, .opages .bgcloud.big1 {
    background: transparent url(../img/mobile/mobcloudbg.png) no-repeat scroll center 101%/100% auto;
    padding-top: 30%; margin-top:-30%;
    left: -1%;
    width: 102%;
    position: relative;
	bottom: -80px;
}
/* Logistic / fordele */
header.darkheader.opages {
    top: 30px; top: 90px;     margin-bottom: -18%; padding-bottom: 40%;
	top: 50px;
    margin-bottom: -26%;
}
.custcal header.darkheader.opages {
	margin-bottom: -22%;
}
.opages.darkheader .logleft::after{
    background-size: 80%;
    background-position: 0% 52%;
}
.leftchat.logboy{
	display:none;
}
.logcars{ float:right; width: 70%;     margin-top: -9%;     margin: auto; float:none; }
.logbot {
    margin-bottom: 0%;
}
.fordele .loginblk11 {
    width: auto;     max-width: 200px; 
    left: 30%;
}
.logbub img {
    top: -80px; top: -8px;
}
.fordele .hometop input, .fordele .hometop .bookbtn{
	width:100%;	
}

.logo_outer{ width:100%; }
.logotit {
    width: 35%;
    float: none;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 0; /*-20px;*/
}
.logosinr {
    width: 100%;
}
.logosinr img:nth-child(2n) {
    top: 0px;
}
.logcars img {
    margin: 10% 0%;
    margin-top: -10%;
    width: 100%;
}
.opage .caranim{ float:left;     background-color: #fff; }

/* bonus */
.bonus .btnblock {
    margin-top: 0;
    margin-bottom: 150px;     margin-bottom: 40px;
}

.bonus .btcimg {
    bottom: 20%;     left: 0;
}
/* gavekort */
/*span.scale1 {
    bottom: 60px;
    right: 60px;
}*/
.giftform{ margin:auto; }
/* kontact */
.leftchat {
    width: 30%; margin-bottom: 4%;
}
.txtchat {
    width: 70%;
}
/* app */
.appmain{     width: auto; padding:0 15px;     height: auto; }
.appimg {
    position: relative;
    height: auto;
    width: 80%; margin-bottom:20%;
}
/* login */
.login_blk{ height:350px; }
/*.opage .rilogo {
    display: none;
}*/
.section1.sec3 img {
    width: 90%;
    margin-left: 0;
}
.opage header.darkheader .hbg+.container .row-fluid.giftform span6{ width:50%; float:left; display:inline-block; }
.faqblk dt a:last-child{
    width: 80%;
    padding: 8px 10% !important;
}
section.container.ftrpage div {
    overflow: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}
section.container.ftrpage div p{
	overflow: auto;
}
section.container.ftrpage div ul{
	padding: 0;
    margin: 0;
}
.sblk4.windowslist.wibg .pblk p.fs2, .wing1 .sblk4.windowslist.wibg .pblk p.fs2 {
	font-size: 16px !important;
}

.clogos h2 {
    font-size: 12px;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
}
}

@media (orientation: landscape) and (max-width:823px){
.opage .darkheader .hbg{
	background-size: cover;
	background-attachment: initial;
}
}

@media only screen and (max-width:736px){
.opages .bgcloud, .opages .bgcloud.big1 {
	bottom:-50px;	
}
}
@media only screen and (max-width:680px){
.opage .darkheader .hbg {
    bottom: 5%;
}
.bonus .btcimg {
    bottom: 16%;     left: 5%;
}
}
@media only screen and (max-width:568px){
.opages .bgcloud, .opages .bgcloud.big1 {
	bottom:-30px;	
}
}
@media only screen and (max-width:500px){
.logosinr img {
    height: 50px;
}
a.mempem {
    font-size: 16px;
}
.fordele .loginblk11 {
    max-width: 180px;
}
.bonus .btcimg {
    bottom: 14%; width:50%;
}
.opages .bgcloud, .opages .bgcloud.big1{
	    margin-top: -35%; bottom:-5px;
}
.opages .bgcloud.big1{
	bottom: -18px;
}
.fkg .opages .bgcloud.big1{
	bottom: -10px;
}


.gkbtxt{ margin-bottom:50px; }
.leftchat {
    margin-bottom: 10%;
}
.logcars img {
	margin-bottom: 25%;
}
}
@media only screen and (max-width:480px){
.loginblk11{ width:100%; }	
.fkg .loginblk11 {
    margin-bottom: 70px;
}
.opage header.darkheader .hbg+.container .row-fluid.giftform{ width:180px; }
.opage header.darkheader .hbg+.container .row-fluid.giftform span6{ width:100%; }
.hometop dl { width:100%; }
.faqblk dt a:last-child{ width:80%; }

.calouer{ width:100%; }
a.stblock {
    width: calc(18% - 8px);
    margin: 4px 2.5px;
}
}
@media only screen and (max-width:375px){
.fkg .opages .bgcloud.big1 {
    bottom: -5px;
}
.bonus .btcimg { bottom:12%; }
}
@media only screen and (max-width:360px){
.bonus .btcimg {
    bottom: 8%; width:80%; 
}
.bonus .btcimg {
    bottom: 11%;
    width: 60%;
}
.undline{ margin-left:0; }

a.stblock {
    width: calc(17% - 7px );
    margin: 5px 3px;
}
.fkg .opages .bgcloud.big1{
	bottom: 0px;
}
}
@media only screen and (max-width:320px){
	.opages .bgcloud, .opages .bgcloud.big1{ bottom:0; }
.bonus .btcimg {
    bottom: 10%;
}
}


/* 11-1-2022 */
@media(max-width:600px){
.ristamps {
    width: calc(100% - 15px);
	margin-left: 2px;
}
}
@media(max-width:480px){
a.stblock {
    width: calc(17.3% - 7px );
    margin: 5px 3px;
}
}
@media(max-width:360px){
.ristamps {
    width: 97%;
    margin-left: 2px;
}
a.stblock {
    width: calc(17.3% - 7px );
    margin: 5px 3px;
}
.ristamps a.large.active{
	right:-3px;
}
}