.campaignbtn
{
	color:#000 !important;
  font-size:1.0em;
	position:absolute;
	bottom:30px;
  right:50px;
  text-align:center;
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  width:80px;
	background-color:#f5a623;
	text-decoration:none;
  font-weight:400;
  border-radius:3px;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}



.campaignbtn a
{
	color:#000 !important;
  font-size:1.0em;
	position:absolute;
	bottom:30px;
  right:50px;
  text-align:center;
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
  width:80px;
	background-color:#f5a623;
	text-decoration:none;
  font-weight:400;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.campaignbtn:hover
{
color:#000;
	text-decoration:none;
  
}


.campaignbtn a:hover
{
color:#fff;
	text-decoration:none;
 
}


.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with 50% opacity */
    z-index: 2; /* Ensure it's above the image */
}

.prevtekstholder
{
  z-index:3;
  margin-top:-87px;
}

.kampanjepreview
{
color:#000 !important;
  background-color:#f5a623 !important;
  font-size:120% !important;
 top:30px !important;
  left:15px !important;
  padding-left:15px;
  padding-right:15px;
   position: absolute !important;
 z-index:2 !important;
  
}

.logopreviewholder
{
 bottom:15px !important;
  left:30px !important;
   position: absolute !important;
 z-index:2 !important;
  
}

.logopreview
{
 width:120px;
  height:auto;
}

.modelheading
{

color:#ffffff !important;
  font-size:180% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:30% !important;
   position: relative !important;

}

.white
{color:#ffffff;}


a:modelheading
{

text-decoration:none;

}

.semer
{
text-decoration:underline !important;
margin-top:10px;
}

.bigprice
{
font-size:2.4em;
    line-height:1em;
  font-weight:900;
  Font-family: 'Roboto', sans-serif;
  color:#ffffff;
  text-shadow: 2px 2px #000000;
}

.bigintro

{
font-size:1.8em;
  font-weight:900;
  Font-family: 'Roboto', sans-serif;
}



.infofelt
{
background-color: #f5a623;
  color:#fff !important;
  padding:25px;
  height:220px;

}

.greyfading {
padding-top:20%;
background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}








.sekstito
{
content-align:center;
  text-align:center;
z-index:999;
border:0px solid #000000;  
height:25vh;
min-height:250px;
max-height:300px;  
}



a
{

text-decoration:none !important;

}



.flexbox-container-new
{
  padding: 20px;
   
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}


.bigger 
{
    background-size:130%; 
background-repeat:no-repeat; 
  background-position:center center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
  z-index:1;
}

.bigger:hover
{
 background-size:150%;
}





a:hover
{
text-decoration:none !important;
}


/* pop-up styling */

.thumbnail-grid {
	user-select: none
}
.thumbnail-grid figure {

	position: relative;
	min-width: 150px;
    max-width: 150px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
	height: 40px;
	margin: 5px;
	border-radius: 0px;
	box-shadow: inset 0 -40px 0 0 rgba(0,0,0,.1);
	transition: all .2s ease-in-out
}
.thumbnail-grid figure:hover {
	box-shadow: inset 0 -40px 0 0 rgba(0,0,0,.5);

}
.thumbnail-grid figcaption {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #f4f4f4;
	text-shadow: 0 0 3px #000;
	bottom: 10px;
	transition: all .2s ease-in-out
}
.thumbnail-grid figure:hover figcaption {
	bottom: 10px
}
.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch
}
.flex-item {
	flex: 1 0 auto
}