@charset "UTF-8";
/* CSS Document */
@import url(../../css/font-awesome.min.css);
/*@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900");
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');*/


body {
	/*--headline-text: 'PT Sans Narrow', sans-serif;*/
	/*--body-text: 'Courier New', monospace;*/
	--body-text: 'Special Elite', cursive;
	--headline-text: 'Special Elite', cursive;
	--logo-text: 'Special Elite', cursive;
	--link-color: #f4b51e;
	/*--link-color: #ffd018;
	--link-color: pink;*/
	/* --link-color: darkorange; */

	/*var(--link-color);*/
}


/* ******************************

GENERAL

****************************** */


    body {

        background: #f9f9f9;
        color: #5b5b5b;
        /* Footer-test */
        /*height: 100%;*/
        /* Footer-test */
    }

h1, h2, h3, h4, h5, h6 {
	
	font-family: 'Lilita One', sans-serif;
	font-weight: 400;
	
}
/*
    h1 {
		
        font-family: 'Economica', sans-serif;
        margin: 0 0 20px;
        font-size: 28px;
        line-height: 30px;
        font-weight: 400;
        color: rgb(91, 91, 91);
        letter-spacing: 0px;
        
    }

    h2 {
        font-family: 'Economica', sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 28px;
        color: #2b3034;
    }

    p {
        margin: 10px 0;
    }

    hr {
        height: 1px;
        border: 0;
        background-color: #ededed;
        color: #ededed;
    }

    a {
        
        text-decoration: none;
        color: #fdb210;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    a:hover {
        color: #fd6f10;
        
        
    }

    .row {
        font-size: 0;
        line-height: 0;
    }

    .column {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        line-height: 1;
        *display: inline;
        zoom: 1;
    }

    #container {		
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFFFFF;
}
*/	
	
/* ******************************

HEADER

****************************** */

    header {
 		/*background-color: #000;*/
        /*position: relative;
       
        background-image:url('../images/vs_head.jpg');
		background-position: center;
        background-repeat: no-repeat;*/
        /* border: 1px solid #e1e1df; 
        text-align: center;
		height: 350px;*/

        /* Fix for Internet Explorer 7 */
        /*z-index: 1;*/
    }
	.headimage {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: -moz-flex-end;
		-webkit-justify-content: -webkit-flex-end;
		-ms-justify-content: -ms-flex-end;
		justify-content: flex-end;
		/*background-color: aquamarine;
		background-image: url('../images/header3000x500.jpg');*/
		background-image: url('../../images/header_vs5.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 20rem;
		position: relative;
		text-align: center;
		padding-bottom: 7.5rem;


	}

	.searchGlass{
		position: absolute;
		left: 1.5rem;
		top: 0.6rem;
		font-size: 1.2rem;
		/*background-color: #000000;
		padding: 0.2rem 1rem 0rem 1rem;
		opacity: 0.7;*/
	}

	.searchGlass .searchLabel{
		font-size: 0.9rem;
		letter-spacing: 0.075rem;
		text-transform: uppercase;
		margin: 0 0 0 0.2rem;
	}


	.searchGlass a{
		color: #ffffff;
		cursor: pointer;
	}

    #logotype {
       /* display: inline-block;*/
    }

    #logotype:hover {
        /*color: #2b3034;
        text-decoration: none;*/
    }

    #logotype img {
      /*  vertical-align: middle;*/
    }
	
	
	#header .logo {
			/*-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
			-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
			-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
			transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
			-moz-pointer-events: auto;
			-webkit-pointer-events: auto;
			-ms-pointer-events: auto;
			pointer-events: auto;*/
			/*border-style: solid;
			border-color: #ffffff;
			border-width: 5px !important;
			font-family: var(--logo-text);
			font-size: 4.25rem;
			color: #000000;
		
			letter-spacing: 0.075em;
			line-height: 1;
			padding: 0rem 1rem 0rem 1rem;
		
			text-transform: lowercase;
			visibility: visible;*/
			width: 850px;
			max-width: 70%;
		}

		#header p {
	


			padding: 0rem 0rem 0rem 0rem;
			color: #000000;
			letter-spacing: 0.075rem;
			font-style: normal;
			font-size: 110%;
			
		}

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

			.headimage {
				height: 14rem;
				/*height: 350px;*/
				padding-bottom: 2.5rem;
				
				/* background-color: aqua; */

			}

		}


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

			#header .logo {
				/* width: 600px; */
			}
			
			#header p {
				font-size: 110%;
			}


		}

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

			#header .logo {
				/* width: 400px; */
				max-width: 85%;
			}
			
			#header p {
				font-size: 100%;
				text-align: center;
				line-height: 1rem;
				padding: 0.6rem 1rem 1rem 1rem;
			}
			.headimage {
				 padding-bottom: 3.5rem; 


			}


		}


/* ******************************

NAVIGATION

****************************** */

/*
    #main_navigation {
        margin: 0 30px;
        
    }

    #main_navigation ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    #main_navigation li {
        overflow: hidden;
        max-width: 400px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #main_navigation li:first-child {
        
    }

    #main_navigation a {
        display: inline-block;
        padding: 8px 20px;
    }

    #main_navigation a:hover {
        
        color: #fd6f10;
    }

    #main_navigation .selected a {

        color: #fdb210;
    }

    #main_navigation .child_navigation a {
       
        color: #fdb210;
    }
    
    #main_navigation .child_navigation a:hover {
        color: #fd6f10;
    }
*/

/* ******************************

    PICTURE VIEW LIST PAGE

****************************** */

    .product_picture_list {
       /* margin: 0 2% 0 0;  */
    }

    .product_picture_list {
        width: 15%; /* 188px*/
         margin: 0 0.99em 0.5em 0;  /*avstånd mellan rutor*/
		/*margin: top right bottom left;*/

		
        padding: 0px;
        background-color: #fff;
        border: 1px solid #e1e1df;
        text-align: center;
    }

    .product_picture_list a {
        display: block;
		color:inherit;
    }

    .product_picture_list a:hover {
        opacity: 1;
    }

    .product_picture_list .image_container {
        overflow: hidden;
    }

    .product_picture_list .image_container img {
        /*max-width: 300px;*/
        /*height: 225px;*/
		margin-top:4px;
        width: 100%;
        position: relative;
        vertical-align: middle;
        
        
        /*horizontal-align: middle;*/

        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s gridease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    .product_picture_list .image_container:hover img {
        opacity: 0.9;
    }

    .product_picture_list h2,
    .product_picture_list h3 {
        /*font-family: Cooper Black, Arial Black, Sans-Serif;*/
        /*font-family: 'Corben', cursive;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
        /*font-family: 'Economica', sans-serif;*/
		font-family: var(--headline-text);
        font-weight: 400;
        overflow: hidden;
        /*margin: 20px 0 12px;*/
        margin: 13px 0 5px;
        /*font-size: 14px;*/
        font-size: 16px;
        line-height: 20px;
        color: #5b5b5b;
        letter-spacing: 0px;
        text-overflow: ellipsis;
        /*text-transform: uppercase;*/
        white-space: nowrap;
    }

    .product_picture_list h2:hover,
    .product_picture_list h3:hover {
        /*color: #885661;*/
        color: #fd6f10;
    }

    .product_picture_list .price {
        /*font-family: Cooper Black, Arial Black, Sans-Serif;*/
        /*font-family: 'Corben', cursive;*/
        /*font-family: Arial, Helvetica, sans-serif;*/
        /*color: #fdb210;*/
    }

    .product_picture_list .currency {
        font-size: 12px;
        letter-spacing: 1px;
    }
	
	
	.product_picture_list .artist {

		text-transform: uppercase;
        font-size: 10px;
		/* color: #5d7948; */
		color: #555555;
		/* line-height:normal; */
		margin:20px;

    }
	
	.product_picture_list .artist_la {

		text-transform: uppercase;
        font-size: 10px;
		color: #5d7948;
		margin:5px;

    }
	
	
	
/* ******************************

   LIST VIEW PAGE

****************************** */

/*
	.list_view{
		border: 1px solid #e1e1df;
		width:1000 px;
		margin: 0 0px 0px 0;
		background-color:#FFF;
	
	}
	
	.product_list td {
		height: 40px;
		text-align:left;
		vertical-align:middle;
		padding-left:15px;
	}

	tr:nth-child(2n+1) {
		background-color: #eeeeee;
	}

    .product_list a {
        display: block;
		color:inherit;
    }

    .product_list a:hover {
        opacity: 1;
    }

    .product_list h2,
    .product_list h3 {

        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        overflow: hidden;
        margin: 13px 0 5px;
        font-size: 12px;
        line-height: 20px;
        color: #5b5b5b;
        letter-spacing: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product_list h2:hover,
    .product_list h3:hover {
        color: #fd6f10;
    }

    .product_list .artist {
		text-transform: uppercase;
        font-size: 12px;
		font-weight:bold;
		color: #5d7948;
    }

    .product_list .title {
        font-size: 12px;
		font-weight:bold;
		color: #6b9d5b;
    }
	
	.product_list .reserved {
        font-size: 12px;
		font-weight:bold;
		color: #ff0000;
    }
*/

/* ******************************

    PRODUCT PAGE

****************************** */

	#product_container {
		/*width: calc(100% - 2rem);
		margin: 1rem auto; 
	    background-color: #fff;
        border: 1px solid #e1e1df;
		padding: 1rem 1rem 1rem 1rem;
		overflow: hidden;
		*/
		/*width: 100%;*/
		width: calc(100% - 2rem);
	    background-color: #fff;
		padding: 3rem 1rem 0rem 1rem;
		overflow: hidden;
		margin: auto;
		max-width: 1680px;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

    #product_container h1 {

		font-size: 2.5rem;
    }

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

			#product_container h1 {
				font-size: 2rem;

			}

		}

	#product_container .image_container {
		width: 50%;
		display: inline-block;
		float: left;
		margin-bottom: 2rem;
	
	  	/* IE fix. */
  		*display: inline;
  		zoom: 1;
	}

	#product_container .image_container img {
		width: 100%;
		max-width: auto;
		float: right;
	}

    #product_container .product_info {
		width: 50%;
		display: inline-block;
		padding: 1rem 1rem 0rem 2rem;
		letter-spacing: 0.05rem;
		line-height: 1.5rem;
		float: left;
	
	  	/* IE fix. */
  		*display: inline;
  		zoom: 1;
    }
	#product_container .product_info .title {
		text-transform: capitalize;	
	}

	#product_container .infoline {
		font-size: 80%;
		text-transform: uppercase;
		white-space: nowrap;
		/*color: var(--link-color);*/
    }
	
	#product_container .condition {
		font-weight: bold;
		white-space: nowrap;
	}

    #product_container .image_container {
        /*width: 500px;*/
        text-align: center;
    }



    #product_container .image_container img {
        /*max-width: 500px;*/

        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    #product_container .image_container img:hover {
        /* opacity: 0.75; */
		opacity: 0.9;
    }

@media (max-width: 736px) {
	
	#product_container {
		width: 100%;
        border: 0px solid #e1e1df;
		
		margin: 0rem auto;
		

		padding: 1rem 1rem 1rem 1rem;
		overflow: hidden;
	}
	
	#product_container .image_container {
		width: 100%;
	}
	#product_container .product_info{
		width: 100%;
		padding: 2rem 0rem 0rem 1rem;

	}

}


    #product_info .details_container {
        /*width: 438px;*/
        width: 408px;
        margin-left: 40px;
    }



    #product_info .description {
        /*margin: 10px 0 20px;*/
        margin: 10px 0px 20px;
        /*font-family: Times, 'Times New Roman', serif;*/
        /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
        /*font-family: Georgia, Serif;*/
        font-size: 14px;
        line-height: 20px;
        /*color: #2f2e2a;*/
        color: #5b5b5b;
    }

    #product_info .price {
        /*font-family: Cooper Black, Arial Black, Sans-Serif;*/
        /*font-family: 'Corben', cursive;*/
        /*font-family: 'Economica', sans-serif;*/
		font-family: var(--headline-text);
        margin: 30px 0 20px;
        font-weight: 700;
        font-size: 22px;
        line-height: 30px;
        /**color: #ff7188;**/
        /*color: #fdb210;*/
        color: #fd6f10;
        letter-spacing: 1px;
    }
	

    #product_info .currency {
        font-size: 14px;
        letter-spacing: 1px;
    }

    #product_info .variations_container {
        margin: 20px 0;
    }

    #product_info .add_to_cart {
        margin: 20px 0 30px;
        line-height: 20px;
    }

    #product_info .out_of_stock {
        margin: 20px 0 30px;
        font-style: italic;
        /*color: #ff7188;*/
        color: 333333;
        line-height: 20px;
    }

    #product_info .terms {
        margin: 20px 0;
        font-size: 11px;
        line-height: 15px;
    }

    #product_info .terms .link {
        margin-top: 3px;
    }

    #related_products {
        
        margin-top: 35px;
    }

    #related_products h2 {
		font-family: var(--headline-text);
        font-size: 20px;
        /*margin: 0 0 35px;*/
        margin: 0 0 10px;
        padding-bottom: 20px;
        border-bottom: 0px solid #ededed;
        letter-spacing: 2px;
        text-align: center;
        /*text-transform: uppercase;*/
    }

    #product_info .row2 {
		margin: 0 0 0 0;
    }
	
	
/* ******************************

    INFO PAGE

****************************** */



	#info_container {
		width: calc(100% - 2rem);
		margin: auto;
		overflow: hidden;
		max-width: 1280px;
		padding-bottom: 1rem;
		margin-top: 1rem;
	}

	#info_container p {
		font-size: 1rem;
		line-height: 1.5rem;
		text-align: left;
		margin-bottom: 1rem;
	}

	#info_container h2 {
		line-height: 1.5rem;
		margin-bottom: 1rem;
	}
	#info_container h3 {
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
	}




#info_container .grid-container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1rem;

}

#info_container .grid-container > div {
		width: 100%;
		background-color: #fff;
        border: 1px solid #e1e1df;
		padding: 2rem 2rem 1rem 2rem;
		display: inline-block;
		float: left;
		overflow: auto;
 
}

#info_container .grid-container .imgLeft {
		width: 50%;
		margin-right: 1rem;
		margin-bottom: 1rem;
		float: left;
	}

#info_container .grid-container .sellerThumb {
	margin: 0.6rem 1.3rem 3rem 0;
	}

#info_container .grid-container h4 {
	margin: 0 0 0 0;
	}

#info_container table tbody tr td {
	border-collapse: separate;
	background-color: #fff;
	border:0px;
	margin: 0 0 2rem 0;
	vertical-align: top;
	}

#product_container table tbody tr td {
	border-collapse: separate;
	background-color: #fff;
	border:0px;
	margin: 0 0 2rem 0;
	vertical-align: top;
	}

#product_container h3 {

	margin: 0 0 0.2rem 0;

	}



/* 
	#info_container .divLeft {
		width: calc(50% - 0.5rem);
		margin: 1rem 0 0 0;
		background-color: #fff;
        border: 1px solid #e1e1df;
		padding: 2rem 2rem 1rem 2rem;
		display: inline-block;
		float: left;

	  	
  		*display: inline;
  		zoom: 1;
	}

	#info_container .divRight {
		width: calc(50% - 0.5rem);
		margin: 1rem 0 0 0;
		background-color: #fff;
        border: 1px solid #e1e1df;
		padding: 2rem 2rem 1rem 2rem;
		display: inline-block;
		float: right;

	  	
  		*display: inline;
  		zoom: 1;
	}
*/
@media (max-width: 980px) {
	
#info_container .grid-container {

  grid-template-columns: auto;
  gap: 1rem;

}

}


/*
@media (max-width: 736px) {
	
	#product_container {
		width: 100%;
        border: 0px solid #e1e1df;
		
		margin: 0rem auto;
		

		padding: 1rem 1rem 1rem 1rem;
		overflow: hidden;
	}
	
	#product_container .image_container {
		width: 100%;
	}
	#product_container .product_info{
		width: 100%;
		padding: 2rem 0rem 0rem 1rem;

	}

}
*/


.infotable td {
	background-color:#FFF;
	vertical-align:top;
	}

.infobar {
	position:relative;
	/*background-color:#2d2d2d;*/
	width:100%;
	height: 5em;	
	}
/*
.infoheader .rubrik {
	
	
	font-family: 'Economica', sans-serif;
    font-weight: 700;
	font-size:22px;
	color:#FFF;
	text-transform: uppercase;
	margin-left:15px;
	
}

.infoheader .sortby {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}

.infoheader .sortby a{
	
}

.infoswitch {
	position:absolute;
	width:80px;
	left:910px;
	height:20px;
	top:8px;
	
}

.infoswitchheader{
	position:absolute;
	width:110px;
	left:878px;
	height:20px;
	top:11px;
	
}

.infoswitchheader h2 {
	vertical-align:middle;
	color:#FFF;
	text-transform: uppercase;
	letter-spacing:1px;
	line-height:20px;
	font-size:12px;
	
}
.infoswitchheader h2 a {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
	font-size:10px;
	
	
}
*/

/* ******************************

    ON OFF SWITCH

****************************** */
/*
    .onoffswitch {
    position: relative; width: 75px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #4A4A4A; border-radius: 20px;
    }
    .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "PHOTO";
    padding-left: 10px;
    background-color: #009CDD; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
    content: "LIST";
    padding-right: 10px;
    background-color: #94BB65; color: #FFFFFF;
    text-align: right;
    }
    .onoffswitch-switch {
    width: 20px; margin: 0px;
    background: #383838;
    border: 2px solid #4A4A4A; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 51px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    }
*/	
	
/* *****************************
    
    FOOTER-TEST
    
****************************** */
  /*  
    
    * {
        margin: 0;
    }
   
    html {
	    height: 100%;
    }

    .footer, .push {
        height: 164px;
    }
    .footer {
		background-color: rgb(45, 45, 45);		
    }
	.footer h2 {
		color:#FFF; 
	}
    .pagewidth-div {
        margin: auto;
        padding: 0px;
        display: table;
    }
	
	.footer td {
		background-color: rgb(45, 45, 45);
	}
	
	*/
/* ***********

   Tables
   
*********** */    
/*
    table { border-collapse: collapse; border-spacing: 0; }
    td { vertical-align: top; }
    
    td.bottomaligned{vertical-align: bottom; }
    td.bottomaligned table{margin:10px; }
*/	
	

/* ***********

   Youtube listgrejer
   
*********** */   
/*
.yt-uix-button-default:active, .yt-uix-button-text:active, .yt-uix-button-panel .yt-uix-button-text:active, .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-text.yt-uix-button-active {
    border-color: rgb(198, 198, 198);
    background-color: rgb(233, 233, 233);
    background-image: none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.yt-uix-button-default:hover, .yt-uix-button-text:hover, .yt-uix-button-panel .yt-uix-button-text:hover {
    border-color: rgb(198, 198, 198);
    background-image: linear-gradient(to bottom, rgb(248, 248, 248) 0px, rgb(238, 238, 238) 100%);
}
body a.yt-uix-button {
    display: inline-block;
    line-height: 2.4em;
    height: 2.4em;
    text-decoration: none;
}
a:hover {
     text-decoration: underline; 
}
.yt-uix-button-default, a.yt-uix-button-default .yt-uix-button-content {
    color: rgb(51, 51, 51);
}
.yt-uix-button-default, .yt-uix-button-panel:hover .yt-uix-button-text, body .yt-uix-button-default[disabled] {
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border-color: rgb(211, 211, 211);
    background-color: rgb(248, 248, 248);
    background-image: linear-gradient(to bottom, rgb(252, 252, 252) 0px, rgb(248, 248, 248) 100%);
}
.yt-uix-button {
    height: 2.55em;
    padding: 0px 0.9em;
    border-width: 1px;
    border-style: solid;
    outline: 0px none;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px 2px 2px 2px;
}
a {
    cursor: pointer;
    text-decoration: none;
}
.yt-uix-pager {
    margin-top: 10px;
    margin-left: 8px;
	
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-size: 100%;
	background: none repeat scroll 0% 0% transparent;
	
}
*/



/* ------------------ Test ---------------*/

/*
ul.pagination{
    margin:0px;
    padding:0px;
    height:100%;
    overflow:hidden;
    font:12px 'Tahoma';
    list-style-type:none;  
}
 
ul.pagination li.details{
    padding:7px 10px 7px 10px;
    font-size:14px;
}
 
ul.pagination li.dot{padding: 3px 0;}
 
ul.pagination li{
    float:left;
    margin:0px;
    padding:0px;
    margin-left:5px;
}
 
ul.pagination li:first-child{
    margin-left:0px;
}
 
ul.pagination li a{
    color:black;
    display:block;
    text-decoration:none;
    padding:7px 10px 7px 10px;
}
 
ul.pagination li a img{
    border:none;
}


ul.pagination li.details{
   color:#202020;
}
ul.pagination li a
{
    border:solid 1px;
    border-radius:3px; 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 9px 6px 9px;
}
 
ul.pagination li
{
    padding-bottom:1px;
}
 
ul.pagination li a:hover,
ul.pagination li a.current
{  
    color:#FFFFFF;
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED;
    text-shadow:0px 1px #3C3C3C;
    border-color:#202020;
    background:#525252;
    background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));       
}
ul.pagination li a
{
    color:#444444;
    border-color:#BEBEBE;
    background:#FAFAFA;
}   
*/

/* ******************************

New Arrivals

****************************** */


#vsIndex {
		
		border: 1px solid #e1e1df;
		background-color:#FFF;
		font-size:12px;
	
	}


.latestArrivals {
		position:relative;
		margin: 15px 0px 15px 0px;
		width: 1000px;
		height:650px;
	}

.latestArrivals a {
	color:#9b9b9e;
	
	}
	
.latestArrivals a:hover {
	color:#3d3d3d;
	
	}
	
.latestArrivals .fb-like-box {
		
		position:absolute;
		float:left;
		left: 612px;
		top: 51px;
		width: 340px;
		height: 250px;
		
	}

.latestArrivals .hiThere {
		
		position:absolute;
		float:left;
		left: 125px;
		top: 30px;
		width: 201px;
		height: 60px;
		
		
	}


.latestArrivals .welcomeText {
		
		position:absolute;
		float:left;
		left: 72px;
		top: 95px;
		width: 450px;
		height: 250px;
		/*font-family: 'Economica', sans-serif; */
		font-family: var(--headline-text);

		font-size:22px; 
		font-style:italic; 
		color:#423535; 
		text-align:center;
		
		
	}


.latestArrivals .gatefold1 {
		
		position:absolute;
		float:right;
		left: 447px;
		top: 365px;
		width: 466px;
		text-align:right;
		
	
	}

.latestArrivals .gatefold1 img {
	
		
		margin-bottom:8px;
		
	
	}

.latestArrivals .gotm {
		
		position:absolute;
		float:right;
		left: 200px;
		top: 500px;
		width: 150px;
		text-align:right;
		
	
	}

.newar {
		
		width:1000px;
		
		left:0px;
		
	}

.shadow {
-moz-box-shadow: 3px 3px 4px #ccc;
-webkit-box-shadow: 3px 3px 4px #ccc;
box-shadow: 3px 3px 4px #ccc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

    /* ******************************

    SEARCH

    ****************************** */

#search_container {		
    /*position: absolute;*/
  	margin: 0 auto;
	z-index:100;
	display: none;
}

#tictail_search {
    position: relative;
	margin: 0rem 0rem 0rem 0rem;
}

#tictail_search form{
	width: 100;
	margin: 0rem 0rem 0rem 0rem;
}

#tictail_search_results .result {
	bottom-border: 0;
    /*width: 300px; */
    /*border: 1px solid #ddd;
    color: #333;
    text-align: left; */
}

 #tictail_search_results {
	    position: absolute;
	    background-color: #fff;
		top: 4rem; 
    	/*top: 25px; 
        */
		width: 100%;
		left: 0rem;
		/*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
	 	font-family: var(--headline-text);
    	font-size: 1.1rem;
	    font-weight: 700;
    	
    	/*padding: 0.75rem 0;
	 	line-height: 0.9em;*/
    	text-transform: uppercase;
		
		/*top: 27px;
        
        background-color: #fff;
        -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
        border: 1px solid #d5d5d5;
        font-size: 14px;
        line-height: 15px;
        color: #000; 
		z-index:10;*/
	    z-index: 9999;

    }

#tictail_search_results .searching,
#tictail_search_results .no_results {
    padding: 2.5rem;
	height: 7rem;

}

#tictail_search_results .item {
    border-top: 1px solid #ddd;
	height:7rem;
	border-bottom: 1px solid #ddd;

}

#tictail_search_results .item img {
	height: 100%;
}	

#tictail_search_results .item:first-child {
    border-top: 0;
}

#tictail_search_results .result {
    /*display: block;
    color: #333;
    text-decoration: none;
	border-bottom: 0px;*/
}

#tictail_search_results .result:hover {
    color: #555;
    text-decoration: none;
}

#tictail_search_results .thumb {
    float: left;
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    /*margin-right: 10px;*/
    /*line-height: 50px;
    text-align: center;
	vertical-align: middle;*/
	    /*width: 50px;
    height: 50px;
		width: 2.9em;
		height: 2.9em;*/

}

#tictail_search_results .title {
	text-align: left;
    text-transform: uppercase;
	font-size: 1.3rem;
    display: block;
    overflow: hidden;
    margin: 0 0 0 0;
    /*font-weight: bold;*/
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 2.2rem;
	/*width: 73%;*/
}

/* Small Desktops */
@media (min-width: 481px) and (max-width: 640px) {

	#tictail_search_results .searching,
	#tictail_search_results .no_results {
		padding: 1.6rem;
		height: 5rem;
		font-size: 1rem;
		border-bottom: 1px solid #ddd;

	}

	#tictail_search_results .item {
		height:5rem;

	}
	
	#tictail_search_results .title {
		font-size: 1rem;
		padding: 1.6rem;
	}
	
	#tictail_search_results .thumb {
		width: 5rem;
		height: 5rem;
	}

}

/* Mobile */
@media (max-width: 480px) {

	#tictail_search_results .searching,
	#tictail_search_results .no_results {
		padding: 1.4rem;
		height: 4rem;
		font-size: 0.8rem;
	}

	#tictail_search_results .item {
		height:4rem;

	}
	
	#tictail_search_results .title {
		font-size: 0.8rem;
		padding: 1.4rem;
	}
	
	#tictail_search_results .thumb {
		width: 4rem;
		height: 4rem;
	}

}

#tictail_search input {
		padding: 0.4rem 0rem 0rem 0rem;
		font-family: var(--headline-text);
		/*font-weight: 700;*/
		font-size: 1rem;
		text-transform: uppercase;
		/*line-height: 2.6;*/
        border: 0px solid #d2d2d2;
		/*border-radius: 25px;*/
		text-align: center;
		width: 100%;
		letter-spacing: 0.009rem;
		height: 4rem;		


        /*width: 100%;
        margin: 0;
        
   		background: url(../images/magglas.png) no-repeat 3px 50% #fff;     
        border: 1px solid #d2d2d2;
        font-family: 'Arial', sans-serif;
        font-size: 10px;
        line-height: 16px;
        font-weight: 400;
        color: #908f94;
        text-transform: uppercase; */
    }

    #tictail_search input:focus {
        outline: 3px;
    }
	

	#search_container form {
				/*margin: -1.5rem 0 2rem 0rem;*/
			}
/*
@media screen and (max-width: 480px) {

			form {
				width: 100%;
				margin: -1.5rem 0 2rem -1.5rem;
			}
}*/
/* ---------------------------------------------------------------------

	Mailchimp

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


/* #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} */
#mc_embed_signup form {width: 100%; display:block; position:relative; text-align:left; padding:10px 0 10px 0; margin: 0 0 0 0;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #000000; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:var(--link-color);}
#mc_embed_signup .button {clear:both; background-color: transparent; border: 0 none; border-radius:0px; color: transparent; cursor: pointer; display: inline-block; font-size:15px; /*margin: 0 5px 10px 0;*/ padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:transparent;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:18px; width:100%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/*#mc_embed_signup{background:#fff; clear:left; width:240px; } */


/* --------- Youtube ----------------- */

#youtubeContainer {
	/*	
	width: 100%;
	    background-color: #ffffff;
		padding: 0rem 1rem 4rem 1rem;
		overflow: hidden;
	*/
		width: calc(100% - 2rem);
	    background-color: #fff;
		padding: 2rem 2rem 2rem 2rem;
		overflow: hidden;
		margin: auto;
		max-width: 1680px;
		margin-top: 1rem;
		margin-bottom: 1rem;
	
}

#youtubeContainer .youtubeLeft {
	width: 30%;
	float: left;
	margin-top: 1rem;
}
#youtubeContainer .youtubeCenter {
	width: 30%;
	 margin: 0px 5% 0px 5%; 
	margin-top: 1rem;
}
#youtubeContainer .youtubeRight {
	width: 30%;
	float: right;
	margin-top: 1rem;
	
}

@media (max-width: 736px) {
	
	#youtubeContainer .youtubeLeft {
		width: 100%;
		float: left;
		margin: 0rem 0rem 1rem 0rem;

	}
	#youtubeContainer .youtubeCenter {
		width: 100%;
		float: left;
		margin: 0rem 0rem 1rem 0rem;

	}
	#youtubeContainer .youtubeRight {
		width: 100%;
		float: left;
		margin: 0rem 0rem 1rem 0rem;

	}

}

.youtubeDevider {
	position:relative;
	width:1002px;
	height:40px;
	margin-bottom:4px;
	text-align:center;

	}

.youtubeHeader {
	vertical-align:middle;
	position:relative;
	width:1000px;
	height:40px;
}

.youtubeDevider .skrivstil {
	/*font-family: 'Satisfy', cursive;*/
	font-family: var(--headline-text);
	font-size:24px;
	color:#686868;
	line-height:50px;
}

.youtube {
    position:relative;
	margin: 15px 0px 15px 0px;
	width: 1000px;
	height:280px;
	border: 1px solid #e1e1df;
	background-color:#FFF;

}




/* ----------- NEW Gallery --------------- */

.grid {
	/*clear: both;
	display: inline-block;*/
	width: 100%;
	background-color: #f9f9f9;

	text-align: justify;
	padding: 1rem 0rem 2rem 0rem;
	/* [disabled]min-width: 400px;

	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
*/

}

/* clear fix */
.grid:after {
  /*content: '';
  display: block;
  clear: both;*/
	
  content: "";
  width: 100%;
  display: inline-block;
}


.grid-item {
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
	/*width: calc(20% - 0.5em);*/
	width: calc(16.666666666% - 0.5em);
	text-align: center;
	/*float: left;*/
	background-color: #ffffff;
	padding-bottom: 20px;
	margin-top: 0.5em;
	padding-top: 5px;
	border: 1px solid #e1e1df;
	height: auto;
	vertical-align: top;
	display: inline-block;
	
	  /* IE fix. */
  	*display: inline;
  	zoom: 1;

}

.grid .grid-item h4 {
	margin-top: 0.25rem;
	margin-bottom: 0rem;
	/*font-size: 1.1rem;
	color: #52BAD5;*/
	text-align: left;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	line-height: 1.4rem;
}

.grid .grid-item .title {
	text-transform: capitalize;
}

.grid .grid-item p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
	line-height: 1.5rem;
}
.cards {
	width: 96%;
	height: auto;
	/*max-width: 400px;
	 max-height: 200px; */
	/* opacity: 0.8; */
}

.grid .grid-item .tag {
	color: #5D5E5D;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
	text-align: left;
	padding-left: 1rem;
	padding-right: 1.1rem;
}

/* Mobile */
@media (max-width: 480px) {

	.text_column {
		width: 90%;
		text-align: justify;
		padding: 0;
	}

	.text_column {
		padding-left: 20px;
	}
	.grid-item {
		width: 100%;

	}

}

/* Small Desktops */
@media (min-width: 481px) and (max-width: 640px) {
.text_column {
	width: 90%;
}
.grid-item {
	width: calc(50% - 0.5em);;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}

}

/* Medium Desktops */
@media (min-width: 641px) and (max-width: 1080px) {
.text_column {
	width: 90%;
}
.grid-item {
	width: calc(33% - 0.5em);;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}

}

/* Large Desktops */
@media (min-width: 1081px) and (max-width: 1280px) {
.text_column {
	width: 90%;
}
.grid-item {
	width: calc(25% - 0.5em);;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}

}

/* Super large Desktops */
@media (min-width: 1281px) and (max-width: 1680px) {
.text_column {
	width: 90%;
}
.grid-item {
	width: calc(20% - 0.5em);
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}

}

#ingress {
	margin: auto;
	width: 100%;
	margin: 1rem 0rem -0.5rem 0rem;
	padding: 0rem 1rem 0rem 1rem;
	display: inline-block;
}

#ingress .select-wrapper {
	width: calc(30% - 1rem);
	float: right;
}
#ingress .infoline {
	font-size: 80%;
	text-transform: lowercase;
}

#ingress .infoGenre {
	width: calc(70% - 1rem);
	float: left;
	padding: 1rem 0rem 0rem 0rem;
	line-height: 1.5rem;
	text-transform: uppercase;
}

#ingress p {
	line-height: 1.8rem;
	text-align: center;
	max-width: 1200px;
	margin: auto;
	padding-bottom: 2rem;
}

#ingress h2 {
	line-height: 2.5rem;
	text-align: center;
	margin-top: 1.8rem;
}

@media (max-width: 640px) {
	
	#ingress p {
		line-height: 1.6rem;
	}

	#ingress .select-wrapper {
		width: calc(100%);
		margin: auto;
		float: none;
		margin: 1rem 0rem 0rem 0rem;
	}
	#ingress .infoGenre {
		width: calc(100% - 1rem);
		margin: auto;
		float: none;
		text-align: center;
	}

	#ingress {
		padding: 0rem 1rem 1.6rem 1rem;
	}


}


#picview img {
    -webkit-filter: contrast(102%) brightness(105%);  /* Safari */
    filter: contrast(102%) brightness(105%); 
	padding-bottom: 0.7rem;
}

#picview img:hover {
        /* opacity: 0.75; */
		opacity: 0.9;
}


/* ---- coming soon --- */

		#comingSoonContainer {
			top: 0;
			left: 0;
			position: fixed;
			width: 100vw;
			height: 100vh;
			background-image: url("../../images/bigbg.jpg");
			background-size: cover;
			background-position: center;
	}


		#comingSoonContainer .bg2 {
			position: relative;
			margin: auto;
			text-align: center;
			top: 50%;
			transform: translateY(-50%);
	}

		#comingSoonContainer h1 {
			font-size: 3.2rem;
			text-transform: lowercase;
			padding: 0rem 2rem 0rem 2rem;
			margin-bottom: 0rem;
			letter-spacing: 0.075rem;
	}

		#comingSoonContainer .icon {
			font-size: 2.8rem;
			padding: 0rem 1rem 0rem 1rem;
	}

@media (max-width: 640px) {
	
	#comingSoonContainer h1 {
			font-size: 2.2rem;			
	}
	#comingSoonContainer .icon {
			font-size: 2rem;
	}

}



.sellerThumb {
	width: 60px;
	border-radius: 50%;
	float: left;
	margin: 0.3rem 1.3rem 5rem 0;
	
	
}

#nav ul.links li a {
	
	font-family: 'Lilita One', sans-serif;
	font-size: 1rem;
}

#footer form label, #footer h3 {
	
	margin-bottom: 0.8rem;
	
}