@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto'); 

/*Force body color to black*/
body {color:black;}
h1,h2,h3,h4,h5,h6 {
   color black;
   font-weight: bold;
}
.yoo-zoo h2 {
   font-weight: bold;
}

/*img:hover{border:1px solid red;}
a:hover{border:1px solid green;}
*/

.sppb-equalize-columns .sppb-column{
    height: 100%;
}
.sppb-equalize-columns .sppb-row {
    display: flex;
}

#sp-main-body {
    padding: 6px 0px 6px 0px;
}
#sp-main-body {
    padding-top: 0px;
}
.nav-place-holder{
	margin-top:50px;
}
img.sp-default-logo.hidden-xs {
   max-width: 75% !important;
}
section#sp-logos {margin-top:30px;}
#sp-logo h1 {margin: 0px 0px 0px 0px;}

#sp-top-bar {padding: 2px 0px 2px 0px;}
#sp-top-bar{height: 144px;}

.sp-module ul > li > a::before {
    display: none;
}
/*Top menu*/
#sp-top1 li {
    margin-right: 3px;
    font-weight: 600;
}
#sp-top1 li > a:hover {background-color: #e94e1e;}

#sp-top2 {
   padding-top: 50px!important;
   display: flex;
   align-content:space-around;
   align-items: center;
   flex-wrap:wrap;
}

.mr-top1-menu .menu {
   font-size:13px;
}
.mr-top1-menu .menu a:hover {
   background-color: #e94e1e;
}

ul#member a {
   color: #ffffff !important;
   line-height:24px  !important;
   min-width: 96px;
}
div.mr-customer-menu-login {
    background-color: #628038 !important;
    font-weight: 700;
    padding: 4px!important;
    border-radius: 4px;
    margin-right:4px;
    margin-top: 10px!important;
    width:96px;
    margin-left:0px!important;
    height:36px;
    float: left;
}
div.mr-customer-menu-login .btn{
font-weight: 700!important;
}
div.mr-customer-menu-login  div.sclogin,div.mr-customer-menu-login .sclogout-button{
   text-align: center;
   margin-left:6px;
}
div.mr-customer-menu-login  div.sclogin a, div.mr-customer-menu-login .sclogout-button input.button{
   background-color: inherit;
   padding: 4px!important;
}

div.mr-customer-menu-member {
   margin-top:10px!important;
   float:left;
   width:90px;
   height:36px;
}
   li.mr-customer-menu-member {
    background-color: #e94e1e;
    font-weight: 700;
    padding: 4px;
    border-radius: 4px;


}
.activebar-container {
    margin: 0px;
    display: block;
    background: #e6e6e6e8 !important;
    position: fixed;
    top: unset !important;
    bottom: 0px !important;
    left: 0px;
    width: 100%;
    height: auto;
    z-index: 9999;
}
/*Header*/
#sp-header{ height: 40px;}

/*Menu settings*/
#ads-box {background-color: black;}

#sp-menu .sp-megamenu-parent {
	float:left;
	}

#sp-menu .mr-menu{font-weight: 700;font-size: 1.1em;background-color: black;}

.sp-megamenu-parent > li > a {
     color: white;
     line-height:40px;
      padding: 0 12px;
}

.sp-megamenu-parent > li.active > a {color: #e94e1e;}
.sp-megamenu-parent > li > a:hover {background-color: #e94e1e; color:black;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #e94e1e;
}
/*Off canvas menu*/
#offcanvas-toggler {
    line-height: 40px;
    }
#offcanvas-toggler > i {
    color: white;
}
#offcanvas-toggler > i:hover {background-color: #e94e1e; color:gray;}

.offcanvas-inner .sp-module ul > li > a:hover {
   background-color: #e94e1e !important; color:black !important;
}
.offcanvas-inner .sp-module ul > li > a:active { color: #e94e1e !important;  }

.offcanvas-inner .sp-module ul > li > ul.collapse > li > a:hover {
   background-color: #e94e1e !important; color:black !important;
}
.offcanvas-inner .sp-module ul > li > ul.collapse > li > a:active {
   background-color: #e94e1e !important; color:black !important;
}


div#sp-right{margin-top: 40px;}

/*Main bottom*/
section#sp-main-bottom div.sp-module.mr-ads-box h3{
   font-family: "Gunplay","Open Sans";
   font-size: 24px !important;
   line-height: 30px !important;
   text-align: center;color: black;
   background-color: white;
   margin-bottom: 0px !important;
}

div.fabrikElementContainer > div.controls > div.fabrikElement input {color: black;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
   input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
   input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
   {
	color: inherit;
	font-weight: 600;
	}
p.onefield input{
	color: black;
	font-weight: 600;
	}
#mod-search-searchword {color:black;}

.sppb-carousel-inner > .sppb-item {
    padding: 0px;
    }

#sp-bottom {
       margin-top: 10px;
       padding-top:20px;
    }
#sp-bottom-1, #sp-bottom-2,#sp-bottom-3{
       padding: 20px 0 0 !important;
    }

#sp-bottom{
   min-height: 20px;
   background: url("../../../images/MR/images/bottom/bottom-L1.png") no-repeat 0px 0px
   , url("../../../images/MR/images/bottom/bottom-L2.png") no-repeat 30% 0px
   , url("../../../images/MR/images/bottom/bottom-R1.png") no-repeat 60% 0px
   , url("../../../images/MR/images/bottom/bottom-R2.png") no-repeat 100% 0px;
   background-size: contain;
}


/*In zoo pages - NOT in start */
/*Teaser box*/
#yoo-zoo .items div.teaser-item{
	 border: 1px solid #e0e0e0;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    margin-right:10px;
    margin-bottom: 20px;
    min-height: 340px;
    max-width: 262px;
    position: relative;
}
#yoo-zoo .items div.teaser-item .pos-media > div{
   text-align: left;
}
#yoo-zoo .items div.teaser-item .pos-bottom {
       padding-left:4px;
       padding-right: 4px;
       position: absolute;
       bottom:7px;
       width: 100%;
       display:flex;
       align-items:flex-end;
       justify-content:space-between;
	}

.zoo-item-list div.media-left  {
    margin: 0px 0px 0px 0px;
    float: left;
}

#yoo-zoo .items div.teaser-item h2.pos-title
{	margin-bottom: 4px;
   height: 60px;
   overflow: hidden;
   position:absolute;
   line-height: 1.2em;
   top:170px;
   font-size:16px;
   font-weight:bold;
}
#yoo-zoo .items div.teaser-item .pos-description {
	height: 62px;
   overflow: hidden;
   position:absolute;
   top:210px;
	}

#yoo-zoo .items div.teaser-item .pos-links a{
	margin-top: 4px;
	font-size:16px;
	font-weight:700;
	color:#3b3bff;
	}
#yoo-zoo .items div.teaser-item .pos-links a:hover{
	color: #ff0000;
	text-decoration: underline;
}
#yoo-zoo .items div.teaser-item .pos-specification{
   /*Specail for filter result in Lokalt D*/
   padding-left:4px;
   padding-right: 4px;
   position: absolute;
   bottom:7px;
   left:4px;
   width: 100%;
}
#yoo-zoo .items div.teaser-item .pos-logo {
	width:75%;
}
#yoo-zoo .items div.teaser-item .pos-discount{
    color: white;
    padding: 0px 20px 0px 20px;
    background-color: #e94e1e;
    font-weight: 700;
    border-radius: 4px;
	 width:25%;
    margin-right:4px;
}
#yoo-zoo .items div.teaser-item .pos-links{
   color: white;
   padding: 0px 20px 0px 20px;
   background-color: #e94e1e;
   font-weight: 700;
   border-radius: 4px;
   width:25%;
   margin-right:4px;
   position: absolute;
   bottom:7px;
   right:4px;
}
div.teaser-item .mr-pushtobottom-discount{
   margin-top: 18px;
}

div.teaser-item .mr-pushtobottom-logo{
   margin-top: 0px;
}

div .pos-category a
{
   font-weight:400;
}
/*End */

/*Related items*/
/*In zoo pages - NOT in start ,but in teasers, FUll page related */
/*Teaser box*/
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div
   , div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div {
	 border: 1px solid #e0e0e0;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 2px;
    padding: 2px 2px 2px 2px;
    margin-right:10px;
    margin-bottom: 20px;
    min-height: 330px;
    max-width: 262px;
    position: relative;
	}
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div .pos-bottom
      , div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div .ad-pos-bottom{
         position: absolute;
         bottom:4px;
         width:100%;
         padding-left:4px;
        padding-right: 4px;
         display:flex;
         align-items:flex-end;
         justify-content:space-between;
}
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems .pos-title
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems .sub-pos-title {
	margin-bottom: 4px;
   height: 60px;
   overflow: hidden;
   position:absolute;
   line-height: 1.2em;
   top:140px;
   font-size:16px;
   font-weight:bold;
	}
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left .pos-description
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .pos-description
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .sub-pos-description{
	height: 62px;
   overflow: hidden;
   position:absolute;
   top:190px;
	}

div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left .pos-links a
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .pos-links a
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .sub-pos-links a{
	margin-top: 4px;
	font-size:16px;
	font-weight:700;
	color:#3b3bff;
	}
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left .pos-links a:hover
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .pos-links a:hover
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div > .sub-pos-links a:hover{
	color: #ff0000;
	text-decoration: underline;
}

div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left  .pos-logo
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div  .pos-logo
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div .sub-pos-logo{
	width:75%;
}
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left .pos-discount
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div .pos-discount
   ,  div.product-militarrabatt .floatbox div.pos-related div.element-relateditems > div .sub-pos-discount{
    color: white;
    padding: 0px 20px 0px 20px;
    background-color: #e94e1e;
    font-weight: 700;
    border-radius: 4px;
	 width:25%;
    margin-right:8px;
}
/*----------------*/
/**Make sure the padding is removed  so teaer boxes have room*/
section .sppb-col-md-12 {padding-left:4px; padding-right:4px;}
div#sp-position7 {padding-left:4px!important; padding-right:4px!important;}

/*Zoo module in start page*/
/*Ads box in SPPB page design*/
div.mr-ads-box ul.product-militarrabatt {
   padding:10px;
}
div.mr-ads-box ul {
       list-style-type: none;
       padding-left:10px;
}
div.mr-ads-box ul li {
	 border: 1px solid #e0e0e0 !important;
    box-shadow: 5px 5px 5px #888888 !important;
    border-radius: 2px;
    padding: 2px 2px 2px 2px !important;
    min-height: 334px;
    max-width: 268px;
    margin-right:20px;
    margin-top:20px !important;
    position: relative;
    float:left;

}

div.mr-ads-box div.discount {
    color: white;
    padding: 0px 20px 0px 20px;
    background-color: #e94e1e;
    font-weight: 700;
    border-radius: 4px;

}
div.mr-ads-box  div.title {
	height:48px;
   font-size: 16px;
   font-weight:700;
}
div.mr-ads-box  div.description {
	height:48px;
   overflow:hidden;
}
div.mr-ads-box  div.teaser-bottom {
   padding-left:4px;
   padding-right: 4px;
   position: absolute;
   bottom:7px;
   width: 100%;
   display:flex;
   align-items:flex-end;
   justify-content:space-between;
}
div.mr-ads-box  div.discount {
	max-width:25%;
   margin-right:4px;

}
div.mr-ads-box  div.logo {
   max-width:75%;

}
div.mr-ads-box li div.mr-pushtobottom-discount{
   margin-top:18px;
	}

div.mr-ads-box li div.mr-pushtobottom-logo{
   margin-top: 0px;
	}

/*Ads box in SPPB page design - our partners*/


   div.mr-vara-partners-section ul.product-militarrabatt {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      align-content:flex-start;

   }
div.mr-vara-partners-section ul.product-militarrabatt li {
       height: 60px;
       max-width: 150px;
       margin-right:20px;
       margin-top:15px !important;
       border-top: 0px none transparent;
       position: relative;
   }

   div.mr-vara-partners-section div.discount {
       color: white;
       padding: 0px 20px 0px 20px;
       background-color: #e94e1e;
       font-weight: 700;
       border-radius: 4px;

   }
   div.mr-vara-partners-section  div.title {
      position: absolute;top:70px;left:5px;
   	height:48px;
   }
   div.mr-vara-partners-section  div.description {
   	height:48px;
   }
   div.mr-vara-partners-section  div.teaser-bottom {
      margin-top:20px;
   }
   div.mr-vara-partners-section  div.discount {
   	max-width:25%;
   }
   div.mr-vara-partners-section  div.logo {
   	max-width:65%;
      height:50px;
      object-fit:contain;
      object-position: 50% 100%;
   }
   div.mr-vara-partners-section li div.mr-pushtobottom-discount{
      margin-top:0px;
   	}

   div.mr-vara-partners-section li div.mr-pushtobottom-logo{
      margin-top: 0px;
   	}

div.mr-vara-partners-section.all {margin-top: 10px;display:none;}
div.mr-vara-partners-section.gold {margin-top:10px;}
div.mr-vara-partners-section h3 {
   font-family: "Gunplay","Open Sans";
   font-size: 24px !important;
   line-height: 30px !important;
   text-align: center;color: black;
   background-color: white;
   margin-bottom: 0px !important;
}

div.sp-module div.mr-vara-partner-link {clear: both;}
div.sp-module a.mr-vara-partner-link {font-weight:600;}
div.sp-module a.mr-vara-partner-link:hover {text-decoration: underline;}
div.mr-vara-partner-button {text-align: center;padding-top:10px;clear: both;}

div#sppb-addon-1486239214248 {text-align:center;}


/*Slide show start page*/
.mr-slideshow ul.captions {margin:0px!important;}
.mr-slideshow ul.slides{
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-radius: 4px;
   box-shadow: 5px 5px 5px #000;
	padding: 0px;
	background-color: #ffffff;
	}

.mr-slideshow ul.slides li article.wk-content .layout-article  {
   background-color: #e0e0e0;
}
.mr-slideshow ul.slides li article.wk-content .mr-slider-media{
   margin-right: 0px;
   float:left;
}
.mr-slideshow ul.slides li article.wk-content  .mr-slider-text{
   position:relative;
   height:290px;
   padding-top: 10px; padding-left:10px; padding-right:10px;
   float:left;
   margin-left:20px;
   color: black;
   width:350px;
}
.mr-slideshow ul.slides .wk-content .mr-slider-text .description {

   max-height:200px;
   overflow:hidden;
}
.mr-slideshow ul.slides .wk-content .mr-slider-text .links {
	position: absolute;
	bottom: 5px;
	left:10px;
	}
.mr-slideshow ul.slides .wk-content .mr-slider-text .links a{
   color:white!important;
   font-weight: 700 !important;
}
.mr-slideshow ul.slides .wk-content .mr-slider-text .discount {
	position: absolute;
	bottom: 5px;
	right:6px;
	}
.mr-slideshow div.discount  {
       color: white;
       padding: 0px 20px 0px 20px;
       background-color: #e94e1e;
       font-weight: 700;
       border-radius: 4px;

   }

/*-----------*/

.media-left, .media > .pull-left {
    padding-right: 0px;
}
#mr-ads-section ul.product-militarrabatt li{
   min-height:334px;
	}
#mr-ads-section ul.product-militarrabatt li{
      float: left;
   	}
#mr-ads-section ul.product-militarrabatt li div.title a {
	margin-top: 4px;
	font-size:16px;
	font-weight:700;
	color:black;
	}
#mr-ads-section ul.product-militarrabatt li div.title a:hover {
	color: #ff0000;
	text-decoration: underline;

}
#mr-ads-section ul.product-militarrabatt .description{
	max-height: 50px;
	overflow: hidden;
	}

#mr-ads-sectionxxx ul.product-militarrabatt .logo div , #mr-ads-sectionxxx ul.product-militarrabatt .discount div{
	padding-top: 30px;
	}

/*Full page - related ads*/
div.product-militarrabatt .floatbox div.pos-bottom div.element-relateditems > div.pull-left{
    padding: 10px;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

/*Aside section in full item page*/
/*Added by Ricky on Jan 26 2017- Start*/
#yoo-zoo div.box-1 div.row {
    padding: 15px 5px 15px 5px;
    border-top: 0px solid #fff !important;
}
#yoo-zoo .item .box-2 {
   min-height:250px;
   height: auto;
   position:relative;
}

#yoo-zoo .item div.pos-specification {
    margin-top: 10px;
    padding-left:10px;
    padding-bottom: 55px; /*To make room for floating bottom logo/discount*/
    overflow: hidden;
}
#yoo-zoo .item .pos-specification h3 {
	border: 0px solid gray;
	background-color: #ffffff;
	padding: 6px 0px 0px 6px;
	font-size: 2.5em;
   line-height: 1.0em;
	font-weight: 400;
   font-family: "Gunplay","Open Sans";
};
#yoo-zoo .item .element-textarea :last-child {
    padding-left: 4px;
}
#yoo-zoo .box-2 div.box-2-bottom{
   min-height:55px;
   padding-left: 4px;
   padding-right: 4px;
   position:absolute;
   bottom:5px;
   left:10px;
   width:100%;
   display:flex;
   align-items:flex-end;
   justify-content:space-between;

}
#yoo-zoo .box-2 div.box-2-discount{
   margin-right:10px;
   float:right;
   max-width: 25%;
   text-align: center;
}
div.discount-hidden {visibility:hidden;}

#yoo-zoo .box-2 div.box-2-logo {
   float:left;
   max-width:75%;
}

#yoo-zoo .box-2-outer  .pos-action .element-checkbox {display:none;}
#yoo-zoo .box-2-outer  div.pos-action div.btn {font-weight:700;width:100%;}


#yoo-zoo .pos-discount div.discount  {
    color: white;
    padding: 0px 20px 0px 20px;
    background-color: #e94e1e;
    font-weight: 700;
    border-radius: 4px;
}
#yoo-zoo .box-2 div.mr-pushtobottom-discount{
   width:100%;
   position: absolute;
   bottom: 18px;
   left:18px;
   padding-right:36px;

	}
   #yoo-zoo .item div.pos-external.btn, #yoo-zoo .item div.pos-action.btn , #yoo-zoo .item div.pos-discountaction.btn{
      width:100%;
   }
      #yoo-zoo .item div.pos-external.btn a{
      color:white;
      font-weight:600;
   }
      #yoo-zoo .item .box-2-customer-link , #yoo-zoo .item div.pos-action , #yoo-zoo .item .box-2-customer-extra {
   	padding-top: 20px ;
   }
   #yoo-zoo .item .box-2-customer-extra .pos-discountextra div{
      background-color: white;
      padding: 10px;
   }



/* ---------------------- */
div.mr-gunplay h1, div.mr-gunplay h2, div.mr-gunplay h3 , div.mr-gunplay h4, div.mr-gunplay h5 , div.mr-gunplay h6{
   font-family:"Gunplay","Open sans";
   text-transform: uppercase;

}
/*Added by Ricky on Jan 26 2017- End*/

/*Mebmer ship card*/
#membershipcard {
   position:relative;
      background-image: url("../../../images/MR/common/medlemskort-militum-online.jpg");
      background-size:100% 100%;
      width: 300px;height:150px;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 5px;
      border-style: solid;
      border-color: #000;
      border-width: 1px;
      margin-top: 1em;
}
#sp-right #membershipcard div{ font-weight:600; font-size: 6px;}
#sp-right #membershipcard div.memberid{position:absolute;top:46%;left:13%;}
#sp-right #membershipcard div.membername{position:absolute;top:60%;left:13%;}
#sp-right #membershipcard div.memberdate{position:absolute;top:4%;left:75%;right: 4%;}

/*Floatbox show card*/

/*#membershipcardfull{
   position: absolute;
   top: 36vh;
   left:18vw;
   border-radius: 5px;
   display:flex;
   justify-content: space-around;
   flex-direction: column;
}*/
#membershipcardfull div{ font-weight:600; font-size: 3.5vw;}
/*#membershipcardfull div.memberdate{order:1;flex:1;margin-top:2vh;}
#membershipcardfull div.memberid{order:2;flex:1;margin-top:8vh;}
#membershipcardfull div.membername{order: 3;flex:1;margin-top: 2vh;}*/



/*#membershipcardfull {
    position: relative;
    border-radius: 5px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    top: 7em;max-width: 1040px;
    margin: auto;
}*/

#membershipcardmodal{background-image: none !important;}

/*#membershipcardfull {position: relative;border-radius: 0;justify-content: space-around;flex-direction: column;
top: 0;margin: 30px 215px 23px;height: 100%;width: 86%;z-index: -1;text-align: center;}*/
#membershipcardfull {position: fixed;
    border-radius: 0;
    /* display: inline-block; */
    /* justify-content: space-around; */
    /* flex-direction: column; */
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    text-align: center;
    margin: 0 auto;
    /* background: #000; */
    background-image: url(https://militum.se/images/MR/common/medlemskort-militum-online.jpg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;}
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{position: absolute;font-size: 20px;font-weight: 700;}
/*#membershipcardfull div.memberdate {order: 1;flex: 1;right: -6em;top: 0;left: auto;}
#membershipcardfull div.memberid {order: 2;flex: 1;margin-top: 0;top: 18.6em;left:0;}
#membershipcardfull div.membername {order: 3;flex: 1;margin-top: 2vh;top:24.3em;left:0;}*/


/*#membershipcardfull div.memberid {order: 2;flex: 1;margin-top: 0;top: auto;left: 15%;bottom: 48%;margin: auto;text-align: center;}*/
#membershipcardfull div.memberid {order: 2;
    /* flex: 1; */
    margin-top: 0;
    top: auto;
    left: 25%;
    bottom: 44%;
    margin: auto;
    text-align: center;
    /*transform: translateY(-43%);*/
    position: fixed;
}
#membershipcardfull div.membername {order: 3;
    /* flex: 1; */
    margin-top: 0;
    top: auto;
    left: 25%;
    bottom: 29%;
    margin: auto;
    text-align: center;
    /*transform: translateY(-43%);*/
    position: fixed;}
#membershipcardfull div.memberdate {order: 3;
    /* flex: 1; */
    margin-top: 0;
    top: auto;
    left: 77%;
    top: 12%;
    margin: auto;
    position: fixed;}



#cboxLoadedContent {padding:0px;}


#sp-right a.modal_link{color:black;}
/*Member form*/

/*Zoo category header title*/
#yoo-zoo .details div.box-1 {
    display:none;
}

/**New discounts*/
div.mr-new-discounts > div > ul {
   list-style-type: none;
}
div.mr-new-discounts > div > ul li{
   clear: both;
   padding-top:10px;
}

   div.mr-new-discounts > div > ul > li > div > div.title {
   margin-top:5px;
   padding-left:5px;
   padding-right: 5px;
   text-align: left;
   white-space: normal;
    max-width: 240px;
    font-weight: bold;
    font-size: 16px;
}
/**Recommendations*/
div.mr-new-recommendations > div > ul {
   list-style-type: none;
}
div.mr-new-recommendations > div > ul li{
   clear: both;
      padding-top:10px;
}

div.mr-new-recommendations > div > ul > li > div > div.title {
   margin-top:5px;
   padding-left:5px;
   padding-right: 5px;
   text-align: left;
   white-space: normal;
    max-width: 240px;
    font-weight: bold;
    font-size: 16px;
}
/*Kunena */
#kunena .navbar ul.nav {display:none;}
ul.social-icons {font-size: 30px;}

/*Zoo search filter for "lokalt"*/
form#zoo-filter-form-133 .form-elements div:nth-child(2){
   visibility: collapse;
       position: relative;
       left: 396px;
       top: -50px;
    }

#zoo-filter-form-133 button.button{
    position: relative;
    top: -88px;
    left: 273px;
}

/*user form*/
/**Block input of membershipdate*/
input#jform_profile_activationdate {
   user-select:none;
   -webkit-user-select: none;  /* Chrome all / Safari all */
   -moz-user-select: none;     /* Firefox all */
   -ms-user-select: none;      /* IE 10+ */
}

/*User edit */

div.profile-edit fieldset:nth-child(2) div:nth-child(5) {visibility: collapse;}
div.profile-edit fieldset:nth-child(2) div:nth-child(6) {visibility: collapse;}

div.profile fieldset#users-profile-custom-profile dl dt:nth-child(1) {visibility: collapse;}
div.profile fieldset#users-profile-custom-profile dl dd:nth-child(2) {visibility: collapse;}
div.profile fieldset#users-profile-custom-profile dl dt:nth-child(9) {visibility: collapse;}
div.profile fieldset#users-profile-custom-profile dl dd:nth-child(10) {visibility: collapse;}

/*Disable fields in reg form **/
/*form#member-registration :nth-child(12){visibility:hidden;}
form#member-registration :nth-child(13){visibility:hidden;}*/

form#member-registration div:nth-child(9) span.optional {display: none;}
form#member-profile fieldset:nth-child(2) div:nth-child(1) span.optional {display: none;}

div.profile li.btn-group a.btn {
   color: #fff;
    background-color: #449d44;
    border-color: #398439;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


/*Activation code list/form*/
div#aw_generate_btn1 , div#aw_export_btn1, div#aw_export_btn2, div#aw_export_btn3 {margin-top:6px;}

div#login-modal {
left: 73%;
padding-right: 0  !important;
top: 5%;
max-width: 550px;
}
#login-modal.sourcecoast .modal-header {
  border-bottom: 0px solid hsl(0, 0%, 93%);
  padding: 0;
  position: absolute;
  right: 13px;
  top: 10px;
}
#login-modal.sourcecoast .modal-body {
  border: 1px solid hsl(0, 0%, 85%);
  margin: 10%;
  max-height: inherit;
  overflow-y: auto;
  padding: 15px;
  width: 80%;
}
.loghead > img {
  margin: 0 auto;
  width: 70%;
}
.loghead > h2 {
 color: hsl(0, 0%, 40%);
font-weight: lighter;
margin-bottom: 20px;
}
.lognote {
border: 9px solid hsl(0, 0%, 90%);
font-size: 13px;
margin: 10px 0 30px;
padding: 10px 0;
position: relative;
}
.lognote::after {
border-color: hsla(0, 0%, 0%, 0) hsl(0, 0%, 90%) hsla(0, 0%, 0%, 0) hsla(0, 0%, 0%, 0);
border-style: solid;
border-width: 0 15px 15px 0;
bottom: -23px;
content: "";
height: 0;
left: 10px;
position: absolute;
width: 0;
}
.loghead {
  text-align: center;
}
.input-append.input-block-level > span {
  color: hsl(0, 0%, 60%);
  display: block;
  font-size: 12px;
}
#form-sclogin-username .controls.input-block-level > .input-append.input-block-level .forgot.btn.width-auto.hasTooltip, #form-sclogin-password .controls.input-block-level > .input-append.input-block-level .forgot.btn.width-auto.hasTooltip  {
  display: none;
}
.controls.input-block-level > .input-append.input-block-level .forgot.btn.width-auto.hasTooltip {
width:100%;
}
#sclogin-form194 .control-group .controls.input-block-level > .input-append.input-block-level {
  position: relative;
}
#sclogin-form194 .control-group .controls.input-block-level > .input-append.input-block-level .input-block-level {
border-radius: 4px;
display: inline-block;
float: left;
max-width: none;
min-height: 54px;
padding-left: 40px;
padding-right: 0;
padding-top: 5px;
position: relative;
width: 100% !important;
}
#sclogin-form194 .control-group .controls.input-block-level > .input-append.input-block-level > span {
color: hsl(0, 0%, 20%);
font-size: 13px;
left: 11px;
position: absolute;
top: 16px;
z-index: 3;
}
#sclogin-form194 .control-group .controls.input-block-level > .input-append.input-block-level .input-block-level:focus {
border-color:rgb(40,174,203);
z-index:0;
}

.logforget .control-group {
  float: left;
}
.logforget .problogin {
  color: hsl(191, 67%, 48%);
 
  text-decoration: underline;
}
.logforget > ul {
  float: right;
  list-style: outside none none;
  padding: 0;
}
.logforget > ul li{
 float: right;
 margin: 0 5px;
}
#sclogin-form194 .logforget label .inputbox {
  margin-top: 0;
}
#form-sclogin-submitcreate .btn.btn-primary.span12 {
  background: #5cba3c;
}
.input-block-level.userdata > span.queoflog {
  display: inline-block;
  margin-top: 11px;
  text-align: center;
  width: 100%;
}
.loginmian > form#sclogin-form194 {
  margin: 0;
}
.queoflog > a {
  color: hsl(20, 99%, 62%);
  font-weight: bold;
  margin-left: 5px;
}
.input-append.input-block-level img {
float: left;
padding-right: 0;
padding-top: 0;
width: 20px;
}
#login-modal.sourcecoast .modal-header .close {
  color: hsl(0, 0%, 0%);
  font-size: 28px;
  margin-top: 2px;
  opacity: 1;
}


form#member-registration > div:nth-child(8),form#member-registration > div:nth-child(14) {
  display:none;
}
form#member-registration > div #jform_profile_mycity > option:nth-child(12),form#member-registration > div #jform_profile_mycity > option:nth-child(13) {
  visibility: visible;
}
form#member-registration div:nth-child(13) {
  visibility: visible;
}
form#member-registration > div:nth-child(13) {
  margin-top: 30px;
}


div.membership-warning {
   background-color: orange;
   color:black;
   font-weight: 600;
   text-align: center;
   border: 2px solid red;
   border-radius: 4px;
   margin: 2px;
}

div.membership-warning a{color: blue;text-decoration: underline;}
div.membership-warning a:hover{color: green;text-decoration: none;}

div#system-message-container {
    color:#ff4b00;
}

/*set initial display for slider section*/
section.mr-start-carousel div.mr-welcome-splash .mr-slideshow ul.slides li article.wk-content .layout-article  {
   background-color: red;
}
section.mr-start-carousel div.mr-welcome-splash {
   z-index:2;
   position: absolute; top:1px;left:0px;
   width:100%;
    -moz-animation: mrcssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: mrcssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: mrcssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: mrcssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes mrcssAnimation {
   0% {
     left:0px;
   }
   100% {
     left:-50000px;
   }
}
@-webkit-keyframes mrcssAnimation {
   0% {
     left:0px;
   }
    100% {

        left:-50000px;
    }
}
section.mr-start-carousel div.mr-welcome-splash ul.nav{
   visibility:hidden;
}
/*Active bar */
.activebar-container {
    border-bottom: 0px solid #000000 !important;
}
.activebar-container p {
   width:60%!important;
    margin: 0 auto!important;
    padding:15px 15px!important;
    text-align: center!important;
}
.activebar-container button.decline {display:none!important;}
.activebar-container button.accept {color:white!important; background-color: #00a200!important;     border-style: none!important;}
.activebar-container button.accept:hover {background-color: #018200!important; }

/*change bay icreatewebtech*/
.kamparnbtn a {
    background: #A1D254;
    padding: 8px 10px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
}

.kamparnbtn {
    float: left;
    display: 100%;
    position: absolute;
    left: -100px;
    bottom: 6px;
}
.kampanjer.jmoddiv.jmodinside {
    position: inherit;
 }


#login-modal .modal-header .modal-title {
  display: none;
} 

.myzoo .sppb-addon-content > ul {
display: inline-block;
list-style: outside none none;
padding: 0;
/*text-align: center;*/
width: 100%;
}
.myzoo .sppb-addon-content > ul > li {
    background: hsl(0, 0%, 96%) none repeat scroll 0 0;
    display: inline-block;
    float: none;
    box-shadow: 0rem 0.5rem 1rem rgba(0,0,0,.25)!important;
    margin: 20px 1%;
    max-width: 360px;
    min-width: 360px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: calc(33.33% - 1em);
    overflow: hidden;
}
.myzoo .offer_sponser {
    padding: 0 15px;
    display: inline-flex;
    width: 100%;
    align-items: center;
}
.myzoo .offer_end_date {
    float: right;
    width: 50%;
    text-align: right;
}
.myzoo .offer_logo {
  width: 50%;
  float: left;
  text-align: left;
}
.myzoo .pos-action {
  padding: 15px !important;
}
.myzoo .pos-action a > .btn.btn-success.btn-lg, .myzoo .pos-action a {
  width: 100%;
  display: inline-block;
}
.myzoo .pos-action a > .btn.btn-success.btn-lg{
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.myzoo .offer_end_date span {
    padding: 5px 15px;
    background: hsl(83, 58%, 58%);
    line-height: normal;
    color: #fff;
    border-radius: .5rem;
}
.myzoo .description {
    min-height: 50px;
} 
.myzoo ul > li .layout-default .media.media-left {
  display: inline-block !important; 
  /*height: 220px;*/
  width: 100%;
}
.myzoo ul > li .layout-default .media.media-left > a.zx {
  display: inline-block;
  width: 100%;
  padding:0;
}
.myzoo ul > li .layout-default .media.media-left > img {
  width: 100%;
  height:100%;
}
.myzoo ul > li .layout-default .media.media-left > a, .myzoo .layout-default .links, .myzoo ul > li .layout-default .title, .myzoo ul > li .layout-default  .description{
  padding: 0 15px;
}


/*round__discount_label*/
/*.myzoo ul > li .layout-default .teaser-bottom .discount {
    background: hsla(75, 64%, 45%, 0.8) none repeat scroll 0 0;
    border-radius: 70px;
    color: hsl(0, 0%, 100%);
    font-size: 26px;
    font-weight: bold;
    right: 10px;
    line-height: 85px;
    min-height: 85px;
    min-width: 85px;
    position: absolute;
    text-align: center;
    top: 10px;
} */

/*cross_discount_label*/
.myzoo ul > li .layout-default .teaser-bottom .discount {
    background: hsla(75, 64%, 45%, 0.8) none repeat scroll 0 0;
    color: hsl(0, 0%, 100%);
    font-size: 26px;
    font-weight: bold;
    left: auto;
    min-width: 150px;
    position: absolute;
    text-align: center;
    top: 35px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(45deg);
    right: -30px;
}
/*--------------------------*/


.readmorebtn {
border-bottom: 1px solid hsl(0, 0%, 80%);
border-top: 1px solid hsl(0, 0%, 80%);
padding: 0 15px;
}
.readmorebtn > .red_morebtn {
background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
border: medium none;
color: hsl(83, 58%, 58%);
font-family: roboto;
font-size: 12px;
padding: 0;
}
.metadescr {
display:none;
}
.meta.metadescr {
  padding: 0 15px;
}
.myzoo ul > li .layout-default .title > a:first-child {
color: hsl(83, 58%, 58%);
display: inline-block;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
width: 100%;
}
.myzoo ul > li .layout-default .title > a {
cursor: default;
pointer-events: none;
}
.myzoo ul > li .layout-default .more_btn , .myzoo ul > li .layout-default .mymainlink .element.last, .myzoo .layout-default .pos-action {
  display: inline-block;
  padding: 15px 0 15px;
  text-align: center;
  width: 100%;
}
.myzoo ul > li .layout-default .more_btn .myzoobtn , .myzoo ul > li .layout-default .mymainlink .element.last > a, .myzoo .pos-action .mr-modal .btn.btn-success{
background: hsl(83, 58%, 58%) none repeat scroll 0 0;
border: 1px solid hsl(83, 58%, 58%);
border-radius: 4px;
box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.2) inset, 1px 2px 4px hsla(0, 0%, 0%, 0.8);
color: hsl(0, 0%, 100%);
padding: 5px 15px;
}
.myzoo ul > li .mediadate {
  background: hsla(0, 0%, 100%, 0.9) none repeat scroll 0 0;
  left: 2px;
  position: absolute;
  text-align: center;
  top: 190px;
  width: 99%;
}
.myzoo ul > li .mediadate .mediatime {
font-size: 13px;
line-height: 16px;
padding: 2px 0 5px;
}
.myzoo ul > li .mediatime > span {
color: hsl(26, 90%, 49%);
font-size: 15px;
font-weight: bold;
padding: 0 2px;
}

.box-2-outer.codepage {
  float: none;
  margin: 0 auto;
  max-width: 320px;
}
.codepage .item div.box-2 {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 88%);
  padding: 4px;
}
.codepage .item .box-2 {
  height: auto;
  min-height: 250px;
  position: relative;
}
.codepage .item div.pos-specification {
  margin-top: 10px;
  overflow: hidden;
  padding-bottom: 55px;
  padding-left: 10px;
}
.codepage .item .pos-specification h3 {
  background-color: hsl(0, 0%, 100%);
  border: 0 solid hsl(0, 0%, 50%);
  font-family: "Gunplay","Open Sans";
  font-size: 2.5em;
  font-weight: 400;
  margin-top:0;
  line-height: 1em;
  padding: 6px 0 0 6px;
}
.codepage .item div.pos-specification ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.codepage .item .element-textarea > * {
  margin: 0 0 10px;
}
.codepage .box-2 div.box-2-bottom {
  align-items: flex-end;
  bottom: 5px;
  display: flex;
  justify-content: space-between;
  left: 10px;
  min-height: 55px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  width: 100%;
}
.codepage .box-2 div.box-2-discount {
  float: right;
  margin-right: 10px;
  max-width: 25%;
  text-align: center;
}
.codepage .pos-discount div.discount {
  background-color: hsl(14, 82%, 52%);
  border-radius: 4px;
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  padding: 0 20px;
}
.codepage a:link, .codepage a:visited {
  text-decoration: none;
}
.codepage .item div.pos-discountaction.btn {
  width: 100%;
}

#cookiesck_accept {
    float: none !important;
    display: inline-block;
    margin-left: 10px !important;
    width: auto;
    color: #fff;
}
#cookiesck_buttons {
    float: none !important; 
}
#cookiesck_text a {
    color: #fff !important;
    text-decoration: underline;
}
#cookiesck_readmore {
    float: none !important;
    text-decoration: underline;
    color: #fff;
    display: none;
}
#cookiesck {
    background: rgba(123, 123, 123, 0.8) !important;
}
.cookiesck_inner a.alertmy {
  color: #fff;
  text-decoration: underline;
}
#cookiesck_accept:hover {
    font-size: 100% !important;
    background: #484848;
}

.radio input[type=radio] {
    margin-left: 0 !important;
}

span.mydatetext {
    padding: 0 0 0 210px;
}

#yoo-zoo .post_headerimg img { width: 100%; transition: all 0.3s; height: 120px; object-fit: fill; }
#yoo-zoo .pos-media { margin: 0; position: relative; overflow: hidden; display: flex; }
#yoo-zoo .items div.teaser-item .pos-links { background: hsla(75, 64%, 45%, 0.8) none repeat scroll 0 0; color: hsl(0, 0%, 100%); font-size: 26px;
    font-weight: bold; left: auto; min-width: 150px; position: absolute; text-align: center; top: 15px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(45deg); right: -100px; z-index: 1; padding: 0 !important; width: 100%; margin: 0; line-height: normal; height: auto; bottom: auto; font-size: 16px; }
#yoo-zoo .items div.teaser-item { border: none; padding: 0 0 70px; border-radius: 10px; box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.06); cursor: pointer; border: 1px solid #e0e0e0; }
#yoo-zoo .items div.teaser-item .pos-specification { position: relative; text-align: center; width: 100%; max-width: 130px; margin: -3px auto 0;
    padding: 12px; border-radius: 7px; box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.06); z-index: 2; background: #fff; }
#yoo-zoo .items div.teaser-item h2.pos-title { position: static; height: auto; overflow: unset; text-align: center; margin: 20px 0; padding: 0 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; line-height: 25px; }

#yoo-zoo .items div.teaser-item:hover .post_headerimg img { transform: scale(1.3); }
#yoo-zoo .items div.teaser-item .pos-buttons a { background: hsl(83, 58%, 58%) none repeat scroll 0 0; border: 1px solid hsl(83, 58%, 58%);
    border-radius: 4px; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.06) inset, 1px 2px 4px hsla(0, 0%, 0%, 0.06); color: hsl(0, 0%, 100%);
    padding: 5px 15px; display: block; text-align: center; font-family: roboto condensed!important; text-decoration: none; transition: all 0.3s !important; }
#yoo-zoo .items div.teaser-item .pos-buttons a:hover { background: #000; border-color: #000; }
#yoo-zoo .items div.teaser-item .pos-buttons { padding: 0 20px 20px !important; position: absolute; width: 100%; bottom: 0; }
#yoo-zoo .items div.teaser-item .pos-specification .pos-media a img { height: 23px; object-fit: contain; }






.allboxmain .post_headerimg img { width: 100%; transition: all 0.3s; height: 120px; object-fit: fill; }
.allboxmain .pos-media { margin: 0; position: relative; overflow: hidden; display: flex; border-radius: 10px 10px 0 0; }
.allboxmain .pos-links { background: hsla(75, 64%, 45%, 0.8) none repeat scroll 0 0; color: hsl(0, 0%, 100%); font-size: 26px;
    font-weight: bold; left: auto; min-width: 150px; position: absolute; text-align: center; top: 15px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(45deg); right: -100px; z-index: 1; padding: 0 !important; width: 100%; margin: 0; line-height: normal; height: auto; bottom: auto; font-size: 16px; }
.allboxmain { padding: 0 0 70px !important; border-radius: 10px; box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.06); cursor: pointer; border: 1px solid #e0e0e0; position: relative; height: 100%; }
.allboxmain .pos-specification { position: relative !important; width: 100% !important; text-align: center; width: 100%; max-width: 130px; margin: -3px auto 0; padding: 12px; border-radius: 7px; box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.06); z-index: 2; background: #fff; }
.allboxmain h2.pos-title { font-size: 16px !important; position: static !important; height: auto !important; overflow: unset !important; text-align: center; margin: 20px 0; padding: 0 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 500 !important; line-height: 25px !important; }

.allboxmain:hover .post_headerimg img { transform: scale(1.3); }
.allboxmain .pos-buttons a { background: hsl(83, 58%, 58%) none repeat scroll 0 0; border: 1px solid hsl(83, 58%, 58%);
    border-radius: 4px; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.06) inset, 1px 2px 4px hsla(0, 0%, 0%, 0.06); color: hsl(0, 0%, 100%);
    padding: 5px 15px; display: block; text-align: center; font-family: roboto condensed!important; text-decoration: none; transition: all 0.3s !important; }
.allboxmain .pos-buttons a:hover { background: #000; border-color: #000; }
.allboxmain .pos-buttons { padding: 0 20px 20px !important; position: absolute; width: 100%; bottom: 0; left: 0; right: 0; }
.allboxmain .pos-specification .pos-media a img { height: 23px; object-fit: contain; margin: 0 auto; }
.allboxmain .pos-specification .pos-media a { display: inline-block; width: 100%; text-align: center; }
div.mr-ads-box ul li { border: none !important; box-shadow: none !important; float: none; margin: 0; flex: 0 0 25%; max-width: 25%;
    padding: 0 15px !important; min-height: 100%; }
ul.zoo-itempro-default.zoo-default { padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
    display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 -15px 40px; }
.allboxmain .post_headerimg a.zx { width: 100%; }
div.mr-ads-box li div.mr-pushtobottom-logo { margin-top: 0px; text-align: center; display: block; width: 100%; max-width: 100%; }

.allboxmain.innercompnypage .pos-specification { overflow: unset; margin: -7px auto 0 !important; padding: 12px !important; display: flex; bottom: 7px; }
.allboxmain.innercompnypage .pos-buttons a div { margin: 0 !important; }
.relatedic .pull-left { padding: 0 !important; border: none !important; box-shadow: none !important; }
.allboxmain .city_name_data,.teaser-item .city_name_data {list-style: none;position: relative;text-align: center;margin-top: -15px;padding: 0;z-index: 4;}
li.element.element-select span {background-color: #a2d256;display: inline-block;padding: 0px 8px;  border-radius: 6px; color: #FFF;font-size: 12px;list-style: none;}
.teaser-item .city_name_data {margin-top: -13px;}


#sp-menu .search.icsrch { display: none !important;} 

/*Media page settings*/

@media (max-width: 1200px) {
	#membershipcardfull div.memberdate{left: 82%; top: 14%;}
	#membershipcardfull div.membername{bottom: 30%;}
   #sp-menu .sp-module.icsrch{display: inline-block !important;
    float: left !important; width: calc(100% - 38px) !important;}
   #sp-menu .search.icsrch { display: inline-block !important; margin-top: 3px !important; width: 100% !important;}  
   #sp-menu .mr-menu{background: transparent !important;}
   #sp-menu .search.icsrch input{width: 100% !important; color: #999 !important; font-weight: 500 !important;}
}
@media (max-width: 1110px) {
	#membershipcardfull div.memberdate{top: 18%;}
	#membershipcardfull div.memberid{left: 22%; bottom: 45%;}
	#membershipcardfull div.membername{left: 22%; bottom: 34%;}
}

@media (min-width: 320px ) and (max-width: 768px) {
div#sp-top1 .sp-module ul >li >a {line-height: 20px;}
#sp-top-bar {height: auto;}
#sp-top2 .search {margin-left: 26px;margin-top: 8px;float:right;}
input {width:160px;}
.sp-module.kampanjer {width: auto;display: inline-block !important;float: left;margin: 13px 7px !important;}
.kamparnbtn {float: left;display: INLINE-BLOCK !important;position: static;left: -100px;bottom: 6px;}
div#login-modal {left: 40% !important;top: 0% !important;width: 100%;max-height:100%;overflow:auto;}
#login-modal.sourcecoast .modal-body {border: 1px solid hsl(0, 0%, 85%);margin: 10% 6% 6%;max-height: inherit;overflow-y: auto;padding: 15px;width: 88%;}
.loghead > img {display: none;}
.loghead > h2 {margin-bottom: 10px;margin-top: 0;}
#cookiesck .cookiesck_inner {line-height: 20px;}
#cookiesck_accept {margin-bottom: 5px !important;}
}

@media (min-width: 768px ) and (max-width: 1024px) {
.sp-module.kampanjer {width: auto;display: inline-block !important;float: left;margin: 13px 7px !important;}
.kamparnbtn {float: left;display: INLINE-BLOCK !important;position: static;left: -100px;bottom: 6px;}
}

@media (max-width: 991px) {
#sp-top-bar .sp-module {margin-left:3px;}
#sp-top2 {margin-top: 0px;padding-top: 0px!important;position: relative;}
div.hidden-phone{display:none!important;}
div.mr-customer-menu-login {padding: 4px!important;margin-top: 6px!important;height: 36px;}
div.mr-customer-menu-member {margin-top:6px!important;margin-left: 0px;height:30px;}
#yoo-zoo .item .pos-specification h3 {font-size:2.2em;}
}

@media (min-width: 992px) and (max-width: 1200px) {
#sp-menu .sp-megamenu-parent {display:none;}
#sp-header{z-index:0;}
div#login-modal {top:15%;left:50%;}
div.col-xs-12{float:none;}
div#system-message-container {margin-right: 2%;margin-left: 2%;}
#sp-top2 {margin-top: 0px;padding-top: 50px!important;position: relative;}
div.hidden-phone{display:none!important;}
div.mr-customer-menu-login {padding: 4px!important;margin-top: 6px!important;height: 36px;}
div.mr-customer-menu-member {margin-top:6px!important;margin-left: 0px;height:30px;}
div.mr-slider-media {width:635px!important;}
div.mr-slider-text {width:300px!important;/*min-height:250px!important;height: auto!important;*/}
#sp-top2 {padding-top: 0px !important;}
#sp-top-bar #sp-top1.col-md-4 {float: left;}
#sp-top-bar .row > div.col-md-4, #sp-top-bar .col-md-3 {float: left !important;width: 50%;}
#sp-top-bar .row > div {float: left !important;}}
@media (min-width: 768px) and (max-width: 1024px) {#sp-top-bar {height:120px;}}
@media (max-width: 1200px) {header#sp-header {background-color: rgba(255, 255, 255, 0.9)!important;}a#offcanvas-toggler i{color:black;}}
@media (max-width: 1024px) {
#sp-bottom{min-height: 20px;background: url("../../../images/MR/images/bottom/bottom-L1.png") no-repeat 0px 0px
, url("../../../images/MR/images/bottom/bottom-R2.png") no-repeat 100% 0px;background-size: contain;}
#sp-menu .sp-megamenu-parent {display:none;}
section#sp-page-title{margin-top:25px;min-height:30px;}
body.itemid-143 section#sp-page-title{margin-top:65px;min-height:30px;}
div.mr-gunplay h2, div.mr-gunplay h3 {font-size: 32px!important;line-height: 34px!important;}
.wk-zoo-item div.media-left {margin-right: 0px;}
div#login-modal {top:15%;left:50%;}
}

@media only screen and (min-width: 767px) { 
/*#membershipcardfull {max-width:1360px;}*/
}

/*@media only screen and (min-width: 991px) { 
.modal {height: 47.5% !important;}
}*/


/* @media only screen and (min-width: 1440px) { 
#membershipcardfull {max-width: 100% ;}
} */



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


@media only screen and (max-width: 1366px) { 
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 14px;}
	#membershipcardfull div.memberdate{  top: 16% !important;
    left: 83%;}
	#membershipcardfull div.membername{left: 24.5% !important; bottom: 22.4% !important;}
	#membershipcardfull div.memberid{left: 24.5% !important; bottom: 45.1% !important;}
}


@media only screen and (max-width: 1199px) { 
 .footerbottomtowbtn a { margin: 0 0 10px 0; }
  #sp-footer { padding: 10px 0; }
  #sp-bottom { padding: 40px 0; }  
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 12px;}
}

@media screen and (min-width: 1023px) and (max-width: 1024px) {
#membershipcardfull {max-width: 100%;width: 100%;height: 84%;margin-top: 6%;}
}
@media (max-width: 1024px) { 
	#membershipcardfull div.memberdate{      top: 27% !important;
    left: 83%;}
	#membershipcardfull div.membername{left: 24.5% !important; bottom: 43.4% !important;}
	#membershipcardfull div.memberid{left: 24.5% !important; bottom: 51.4% !important;}
}
@media (max-width: 812px) { 
	#membershipcardfull div.memberdate{  top: 9% !important;left: 72%;}
	#membershipcardfull div.membername{left: 24.5% !important; bottom: 28.4% !important;}
	#membershipcardfull div.memberid{left: 24.5% !important; bottom: 42.4% !important;}
}
@media (max-width: 768px) { 
	#membershipcardfull div.memberdate{top: 20.6% !important; left: 81%;}
#membershipcardfull div.membername{ left: 20.5% !important;
    bottom: 39.3% !important;}
#membershipcardfull div.memberid {    left: 20.5% !important;
    bottom: 47% !important;}
}	
@media (max-width: 767px) { 
#membershipcardmodal{left: 0 !important; right: 0 !important;}
#membershipcardfull div.memberdate{top: 25.6% !important;}
#membershipcardfull div.membername{ left: 20.5% !important;
    bottom: 37.3% !important;}
#membershipcardfull div.memberid {    left: 20.5% !important;
    bottom: 45% !important;}
}

@media (max-width: 736px) { 
	#membershipcardfull div.memberdate { top: 9.3% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 29.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 43% !important; }
}

@media (max-width: 720px) { 
  	#membershipcardfull div.memberdate { top: 27.3% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 37.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 45% !important; }
}	
@media (max-width: 700px) { 
  	#membershipcardfull div.memberdate { top: 27.6% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 37.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 45% !important; }
}


@media (max-width: 650px) { 
  	#membershipcardfull div.memberdate { top: 28.6% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 38.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 46% !important; }
}	

@media (max-width: 600px) { 
  	#membershipcardfull div.memberdate { top: 29.6% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 40% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47% !important; }
}	

@media (max-width: 550px) { 
  	#membershipcardfull div.memberdate { top: 32.6% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 40.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47% !important; }
}	

@media (max-width: 500px) { 
  	#membershipcardfull div.memberdate { top: 34% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 42.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47% !important; }
}	

@media (max-width: 450px) { 
  	#membershipcardfull div.memberdate { top: 35% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 42.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47% !important; }
}	

@media (max-width: 400px) { 
  	#membershipcardfull div.memberdate { top: 36.6% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 42.8% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47% !important; }
}		
@media (max-width: 360px) { 
  	#membershipcardfull div.memberdate { top: 38.4% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 43.3% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 47.5% !important; }
}	
@media (max-width: 320px) { 
  	#membershipcardfull div.memberdate { top: 34% !important; }
	#membershipcardfull div.membername { left: 21.5% !important; bottom: 41.2% !important; }
	#membershipcardfull div.memberid { left: 21.5% !important; bottom: 46% !important; }
}	


@media screen and (min-width: 767px) and (max-width: 768px) {
/*#membershipcardfull {width: 100%;height: 48%;margin-top: 35%;}*/
}


@media only screen and (max-width: 991px) {
  div.mr-ads-box ul li { flex: 0 0 33.33%; max-width: 33.33%; }
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 10px;}
#membershipcardfull div.memberdate {top: 20%;}
#membershipcardfull div.membername {bottom: 33.4%;}
#membershipcardfull div.memberid {bottom: 44.4%;}

}
@media only screen and (max-width: 767px) {
.footerbottomonelist ul { margin: 0 0 10px; }
.footerbottomtow { margin: 30px 0 30px; }
.footerbottomtow p { font-size: 16px; }
section#sp-footertowaera { padding: 0 0 20px; }
.footerbottom_imgone figure img { margin: 0 auto 30px; }
.footerbottom_imgtow figure img { margin: 0 auto; }
.footerbottom_imgtow { padding: 0; }
span.sp-copyright { font-size: 16px; }
ul.zoo-itempro-default.zoo-default { padding: 0 15px; }
div.mr-ads-box ul li { flex: 0 0 50%; max-width: 50%; }
.scrollup { bottom: 30px; right: 30px; }
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 8px;}  
/*#membershipcardfull div.memberdate {left:81%;top: 7.6%;}
#membershipcardfull div.membername {left: 12.5%;bottom: 32.3%;}
#membershipcardfull div.memberid {left: 12.5%;bottom: 46%;}*/
}
@media only screen and (max-width: 575px) {
ul.zoo-itempro-default.zoo-default { padding: 0; margin: 0; }
div.mr-ads-box ul li { flex: 0 0 100%; max-width: 100%; }
.allboxmain { max-width: 300px; margin: 0 auto; }
#yoo-zoo .items div.teaser-item { margin: 0 auto 20px; }
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 7px;}
#membershipcardfull div.memberdate {left:81.4%;top: 7%;}
#membershipcardfull div.membername {left: 12%;bottom: 31.5%;}
#membershipcardfull div.memberid {left: 12%;bottom: 45%;}
}


@media only screen and (max-width: 480px) {
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 4px;}
#membershipcardfull div.memberdate {left:81%;top: 5%;}
#membershipcardfull div.membername {left: 13%;bottom: 30.2%;}
#membershipcardfull div.memberid {left: 13%;bottom: 44%;}
}

@media only screen and (max-width: 414px) {
#membershipcardfull div.memberdate,#membershipcardfull div.memberid,#membershipcardfull div.membername{font-size: 4px;}
#membershipcardfull div.memberdate {left:81%;top: 4%;}
#membershipcardfull div.membername {left: 12.5%;bottom: 29.2%;}
#membershipcardfull div.memberid {left: 12.5%;bottom: 43%;}
}

@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {}
@media only screen and (orientation: portrait)  {}
@media only screen and (orientation: portrait)  and (min-width: 768px) and (max-width: 1366px){}
@media only screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1366px) {}
@media only screen and (orientation: landscape) and (min-width: 992px) and (max-width: 1024px) {}
@media only screen and (orientation: landscape) and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (orientation: landscape) and (min-width: 600px) and (max-width: 767px) {}
@media only screen and (orientation: landscape) and (min-width: 481) and (max-width: 599px) {}
@media only screen and (orientation: landscape) and (min-width: 412) and (max-width: 480px) {}
@media only screen and (orientation: landscape) and (min-width: 361px) and (max-width: 411) {#membershipcardfull {top: 21.8em !important;}}
@media only screen and (orientation: landscape) and (max-width: 360) {#membershipcardfull {top: 16.2em !important;}}


.footerbottomonelist { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row;
flex-wrap: wrap; justify-content: flex-end; align-items: center; margin: 0 -15px; }
.footerbottomonelist ul { padding: 0; margin: 0 0 20px; list-style: none; flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
.footerbottomonelist ul li { border: none; }
.footerbottomonelist ul li a { font-size: 16px; font-weight: 600; transition: all 0.3s; color: #fff; }
.footerbottomonelist ul li a:hover { text-decoration: underline; }
.footerbottomonesocial { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row;
    flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 0 -15px; }
.footerbottomonesocial h3, .footerbottomonesocial ul { margin: 0; flex: 0 0 50%; max-width: 50%; list-style: none; padding: 0 15px; }
.footerbottomonesocial ul li a { color: #5cb85c; padding: 10px; width: 40px; text-align: center; border-radius: 100%; height: 40px; line-height: 20px; transition: all 0.3s; background: #fff; border: 1px solid #fff; }
.footerbottomonesocial ul li a i { font-size: 20px; color: #5cb85c; }
.footerbottomonesocial ul li { display: inline-flex; border: none; margin: 0 10px 0 0; }
#sp-bottom { background: #000 !important; padding: 60px 0; }
#sp-bottom .footerbottomonesocial h3 { font-size: 16px !important; font-weight: 600; transition: all 0.3s; color: #fff; font-family: Open Sans, sans-serif !important;
    letter-spacing: 0.40px; }
.footerbottomtow p { font-size: 18px; font-weight: 600; transition: all 0.3s; color: #fff; line-height: 30px; }
.footerbottomtowbtn { margin: 30px 0 0; }
.footerbottomtowbtn a { padding: 11px 15px; background: #5cb85c; width: 140px; display: inline-block; text-align: center; color: #fff;
    font-size: 16px; border: 1px solid #fff; border-radius: 7px; margin: 0 25px 0 0; transition: all 0.3s; }
.footerbottomtowbtn a:hover { background: #000; }
#sp-bottom .footerbottomthree h3 { font-size: 17px !important; font-weight: 600; transition: all 0.3s; color: #fff; font-family: Open Sans, sans-serif !important;
    letter-spacing: 0.40px; margin: 0 0 10px; }
.footerbottomappstorelink a { display: inline-block; }
#sp-footer { background: #000 !important; }
span.sp-copyright { font-size: 18px; font-weight: 500; transition: all 0.3s; color: #fff; line-height: 30px; letter-spacing: 0.40px; }
section#sp-footertowaera { background: #3c3c3c; }
.footerbottom_imgone figure img { width: 100%; max-width: 500px; margin: 0 0 0 315px; }
.footerbottom_imgtow { padding: 0 0 0 40px; }
.footerbottom_imgtow figure img { width: 100%; max-width: 70px; }
section#sp-footertowaera { padding: 40px 0; }
body ul.city_name_data li { max-width: 100% !important; margin: 0 auto !important; }
fieldset#users-profile-custom-profile {display: none;}
#member-profile .control-group:nth-child(4) {display: none;}
@media (max-width: 320px) {
#sp-top-bar {height: auto;}
.sp-module.kampanjer {width: 100%;display: inline-block;float: left;}
.kamparnbtn {position: static;margin: 5px 0;}
div#login-modal {left: 0%;top: 5%;width: 100%;}
#login-modal.sourcecoast .modal-body {border: 1px solid hsl(0, 0%, 85%);margin: 10% 6% 6%;max-height: inherit;overflow-y: auto;
padding: 15px;width: 88%;}
.loghead > img {display: none;}
.loghead > h2 {margin-bottom: 10px;margin-top: 0;}
.myzoo .sppb-addon-content > ul > li {max-width: 310px;min-width: 310px;}
}