html,
button,
input,
select,
textarea {
    color: #222;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



::-moz-selection {
    background: #37545a;
    text-shadow: none;

}

::selection {
    text-shadow: none;

}

::-webkit-scrollbar {
    width: 14px;
    background:transparent;

}

::-webkit-scrollbar-track {
        background:transparent;

}

::-webkit-scrollbar-thumb {
    background: #b49778;

}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


img {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ANIMS */

@-webkit-keyframes background {
    0% 	{ 	background-color: #39fe2a; }
    50%   	{ 	background-color: #032e1a; }
    100%    { 	background-color: #39fe2a; }
    }

    @-keyframes background {
      0% 	{ 	background-color: #39fe2a; }
      50%   	{ 	background-color: #032e1a; }
      100%    { 	background-color: #39fe2a; }
        }

        @-moz background {
          0% 	{ 	background-color: #39fe2a; }
          50%   	{ 	background-color: #032e1a; }
          100%    { 	background-color: #39fe2a; }
            }

            @-ms background {
              0% 	{ 	background-color: #39fe2a; }
              50%   	{ 	background-color: #032e1a; }
              100%    { 	background-color: #39fe2a; }
                }
                @-o background {
                  0% 	{ 	background-color: #39fe2a; }
                  50%   	{ 	background-color: #032e1a; }
                  100%    { 	background-color: #39fe2a; }
                    }




@font-face {font-family: 'sectra-reg';
  src: url('GT-Sectra-Regular.woff') format('woff');}

@font-face {font-family: 'sectra-italic';
    src: url('GT-Sectra-Regular-Italic.woff') format('woff');}

body {
  font-size: 1em;
  line-height: 1.2;
	margin: 0;
	padding: 0;
	font-family: sectra-reg, helvetica, arial;
	font-weight: normal;
	color: #b49778;
	background-color: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  animation: fadein 3s;
  -webkit-animation: fadein 3s;
  -ms-animation: fadein 3s;
  -moz-animation: fadein 3s;
  -o-animation: fadein 3s;
  -ms-animation: fadein 3s;

}


@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.iphone {display: none;}
.desktop {display:inline;
  text-align: center;
  height: 50vh;
color: white;}

	a {
	  text-decoration: none;
	}

	a:hover {
	  text-decoration: none;
	}

  #logo {
    position: fixed;
    right: 3vw;
    top: 3vw;

  }

  .korr {color: red;}

  #logo img {
    width: 150px;
  }

.scroll {
  position: absolute;
  width: 100%;
  height: 100vh;
  font-size: 1.5em;
  text-align: center;
  color: black;
   display: flex;
}

.scroll p {
  align-self: flex-end;
  text-align: center;
  padding-bottom: 5%;
  width: 100%;
  color: #b49778;
}

.troll {
  width: 25%;
}


#nav {
    font-size: 23px;
    z-index: 10000000;
    width: 100%;
    top: -10px;
    position: absolute;
    text-align: center;
    padding: 1em 0;
    }


    #nav:hover {

        }

#nav p {
  padding-top: 10px;
  padding-bottom: 0.5em;

}

#nav h2 {
	font-weight: normal;
	font-size: 1.25em;
        color: #b49778;

}

.italic {
font-family: 'sectra-italic';
}

.uppercase {
text-transform: uppercase;
}

#nav h1 {
	font-weight: normal;
	font-size: 3em;
        padding-top: 10%;
        color: #b49778;
        line-height: 1em;

}


#nav2 {
    font-size: 23px;
    line-height: 1.2em;
    z-index: 10000000;
    width: 100%;
    bottom: 0px;
    position: absolute;
    text-align: center;
    padding: 1em 0;
    mix-blend-mode: normal;

    }

#nav2  a {
  margin: 0 20px;
  color: #b49778;

}

#nav2  a:hover {
  color: #b49778;
  font-family: sectra-italic;

}

#pil {
  font-size: 2em;
  font-family: sectra-reg;
  animation: pilen 3s;
  -webkit-animation: pilen 2s infinite;
  padding-top: 0em;
}

#pil a {color: #b49778;}



/* ANIMS */

@-webkit-keyframes pilen {
    0% 	{ 	padding-top: 0em; }
    50%    { 	padding-top: 1em; }
    100%    { 	padding-top: 0em; }
    }

    @-keyframes pilen {
      0% 	{ 	background-color: #39fe2a; }
      50%   	{ 	background-color: #032e1a; }
      100%    { 	background-color: #39fe2a; }
        }



.container {
  max-width: 150vw;
  text-align: center;
  margin: auto;
  padding: 0 50px;
}

.page .container {
  max-width: 1100px;

}

.spalt1 {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: 0px;
  margin-top: 2em;
  padding-bottom: 0.25em;

}

.bid {
  width: 100%;
  font-size: 1.1em;
  line-height: 1.2em;
  letter-spacing: 0px;
  margin-top: 0em;
  color: #b49778;

}

.bid-flera {float: left; width: 100%; padding-right: 0%; color: white;
}


.bid-start, .bid-current {
	padding-left: 1.5em;


}

.bid-headline {
	padding-top: 0.5em;
}

.bid-updated {
	padding-top: 0.5em;
}

.bid-rutor, .bid-headline, .bid-updated {
	display: none;
	/* post-auktion, bort med pre-bid-funktionen*/
}

.bid-start .pris {border-bottom: 1px solid black;}


.bid-ruta, .bid-submit {border: 0;
	background-color: transparent;
	border: 1px solid black;
	padding: 5px 5px 2px 5px;
	margin: 0.25em 0 0 0;
	font-size: 1.1em;
	width: 100%;
	font-family: sectra-reg;
  color: black;
}

.bid-ruta:hover, .bid-submit:hover {
	border: 1px solid black;
  background-color: white;
  font-family: sectra-italic;
  color: black;
}



li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
}

.posten {
text-align: left;
}

p {padding: 0 0 0.5em 0; margin: 0;}

.underline {
border-bottom: 1px solid black;
}

.loader {
	background-image: url('../img/loader.gif');
	  background-position:center center;
	  background-repeat: no-repeat;
	  background-size: 60px 60px;
}

.page {
  background-position:center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 0;
  margin: 0;



}

.page .buy a {
  font-size: 1em;
  letter-spacing: 0px;
}

.page .buy {
  margin-top: 0.5em;
  padding-left: 1.5em;
}

.smallprint {
	font-size: 0.8em;
	line-height: 1.3em;
}


.pris {
  font-family: sectra-reg;
  font-size: 0.96em;
}

.page .spalt1 .title {
  opacity: 1;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.page .spalt1 .name {
  opacity: 1;
  text-transform: uppercase;
  font-family: 'Karla';
  font-size: 1.33em;
  padding-bottom: 0.5em;
  letter-spacing: -0.02em;

}

.page .spalt1  {
  color: #b49778;
}




.page .spalt1 .measure, .page .spalt1 .status, .page .spalt1 .material {
}

.page .spalt1 .number {
  letter-spacing: 0px;
  padding-bottom: 0.5em;
}

.page a {
  color: black;
  border-bottom: 1px solid black;
  }

.page a:hover {
	color: #b49778;
	border-bottom: 1px solid #b49778;
}


#page0-wrap {
margin: 0;
height: 100vh;
padding: 0 0 0 0;
background-position:center center;
background-size: 400px auto;
background-repeat: repeat;
background-attachment:fixed;
background-color: white;

}


#page0 {
	background-image: url('../img/talisman/logo.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;

}

#page0 .container {
	font-size: 4em;
}




#page0c {
  background-color: #f2edeb;
}

#page0b {
	background-image: url('../img/bilder/talisman/logo.png');
	margin: 0;
	height: 100vh;
	padding: 10% 0 0 0;
  background-position:center center;
  background-size:  auto 70% ;
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-color: white;

}

#page0b:hover {
  background-blend-mode: normal;

}

#page0b .container {
  max-width: 75%;
  color: #b49778;




}

#page0b h1, #page0b h2 {
    font-weight: normal;
    font-size: 1.1em;

  }





/* FOREWORD*/


#foreword {
  background-color: black;
  padding-top: 1em;
	height: auto;
	text-align: center;
  color: #da7367;
  min-height: 100vh;
  }

  #foreword p {
    padding: 0;
    margin: 0;
    text-indent: 1.5em;

  }

  #foreword .container {
  min-height: 100vh;
  max-width: 1100px;
  }

  #facts h1, #foreword h1 {
      font-size: 40px;
      font-weight: normal;
      padding: 0;
  	text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;

  }


    #foreword .info {
    	-moz-column-count:1;
    	-webkit-column-count:1;
    	column-count:1;
    	-moz-column-gap:20px;
    	-webkit-column-gap:20px;
    	column-gap:20px;
      padding-bottom: 2em;
    }


/* FACTS */

#facts {
  background-color: #b49778;
	height: auto;
  color: black;
	text-align: center;
	padding-bottom: 2em;
}

#facts .info {
  padding-bottom: 1em;
}

  #facts p {
    color: black;
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-indent: 1.5em;
  }

  #facts p.quote {
    font-weight: normal;
    padding: 0.5em 1.5em;
    margin: 0;
    text-indent: 0;
  }

  #facts p.noindent {
    text-indent: 0;
  }

  #facts h1 {
    font-family: sectra-reg;
    text-transform: uppercase;
}

    #facts h2 {
      font-size: 0.96em;
    font-weight: normal;
    padding-left: 1.5em;
    margin: 0.5em 0 0;
    font-family: sectra-reg;
    text-transform: uppercase;
  }

  #facts .underline {
    border-bottom: 1px solid black;
  }

  #facts a {
    color: black;
    font-weight: normal;
    border-bottom: 1px solid black;
  }

  #facts a:hover {
    color: black;
    font-weight: normal;
    border-bottom: 1px solid black;
  }

  #facts .container {
  min-height: 100vh;
  max-width: 1100px;
  }

  #foreword p.noindent {
    text-indent: 0em;
  }

  #facts .note {
    border: 2px solid #da7367;
    padding: 8px;
    color: #da7367;
  }

 #facts img {width: 80%; text-align: center; padding: 0 10%;}




/* ----- */



 .wrappat {
  background-size: auto 100vh ;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 200vh;
  background-color: #b49778;
  border-bottom: 0.25em solid #b49778;
 }

 .spalt1 {
   padding-top: 75vh;
}

.posten li {color: black;}




#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10,
#page11, #page12, #page13, #page14, #page15, #page16, #page17, #page18, #page19, #page20,
#page21, #page22, #page23, #page24, #page25, #page26, #page27, #page28, #page29, #page30,
#page31, #page32, #page33, #page34, #page35, #page36, #page37, #page38, #page39, #page40,
#page41, #page42, #page43, #page44, #page45, #page46 {
  	background-image: url('../img/loader.gif');
	  background-position:center center;
	  background-repeat: no-repeat;
	  background-size: 60px 60px;
}


#page1-wrap, #page2-wrap, #page3-wrap, #page4-wrap, #page5-wrap, #page6-wrap, #page7-wrap, #page8-wrap, #page9-wrap, #page10-wrap,
#page11-wrap, #page12-wrap, #page13-wrap, #page14-wrap, #page15-wrap, #page16-wrap, #page17-wrap, #page18-wrap, #page19-wrap, #page20-wrap,
#page21-wrap, #page22-wrap, #page23-wrap, #page24-wrap, #page25-wrap, #page26-wrap, #page27-wrap, #page28-wrap, #page29-wrap, #page30-wrap,
#page31-wrap, #page32-wrap, #page33-wrap, #page34-wrap, #page35-wrap, #page36-wrap, #page37-wrap, #page38-wrap, #page39-wrap, #page40-wrap,
#page41-wrap, #page42-wrap, #page43-wrap, #page44-wrap, #page45-wrap, #page46 {
}



#page1-wrap {
	background-image: url('../img/talisman/objects/01.jpg');
}

#page2-wrap {
	background-image: url('../img/talisman/objects/02.jpg');
}

#page3-wrap {
	background-image: url('../img/talisman/objects/03.jpg');
}

#page4-wrap {
  background-image: url('../img/talisman/objects/04.jpg');
}

#page5-wrap {
  background-image: url('../img/talisman/objects/05.jpg');
}

#page6-wrap {
  background-image: url('../img/talisman/objects/06.jpg');
}

#page7-wrap {
  background-image: url('../img/talisman/objects/07.jpg');
}

#page8-wrap {
  background-image: url('../img/talisman/objects/08.jpg');
}

#page9-wrap {
  background-image: url('../img/talisman/objects/09.jpg');
}

#page10-wrap {
  background-image: url('../img/talisman/objects/10.jpg');
}

#page11-wrap {
  background-image: url('../img/talisman/objects/11.jpg');
}

#page12-wrap {
  background-image: url('../img/talisman/objects/12.jpg');
}

#page13-wrap {
  background-image: url('../img/talisman/objects/13.jpg');
}

#page14-wrap {
  background-image: url('../img/talisman/objects/14.jpg');
}

#page15-wrap {
  background-image: url('../img/talisman/objects/15.jpg');
}

#page16-wrap {
  background-image: url('../img/talisman/objects/16.jpg');
}

#page17-wrap {
  background-image: url('../img/talisman/objects/17.jpg');
}

#page18-wrap {
  background-image: url('../img/talisman/objects/18.jpg');
}

#page19-wrap {
  background-image: url('../img/talisman/objects/19.jpg');
}

#page20-wrap {
  background-image: url('../img/talisman/objects/20.jpg');
}

#page21-wrap {
  background-image: url('../img/talisman/objects/21.jpg');
}

#page22-wrap {
  background-image: url('../img/talisman/objects/22.jpg');
}

#page23-wrap {
  background-image: url('../img/talisman/objects/23.jpg');
}

#page24-wrap {
  background-image: url('../img/talisman/objects/24.jpg');
}

#page25-wrap {
  background-image: url('../img/talisman/objects/25.jpg');
}

#page26-wrap  {
  background-image: url('../img/talisman/objects/26.jpg');
}

#page27-wrap  {
  background-image: url('../img/talisman/objects/27.jpg');
}

#page28-wrap  {
  background-image: url('../img/talisman/objects/28.jpg');
}

#page29-wrap  {
  background-image: url('../img/talisman/objects/29.jpg');
}

#page30-wrap  {
  background-image: url('../img/talisman/objects/30.jpg');
}

#page31-wrap {
  background-image: url('../img/talisman/objects/31.jpg');
}

#page32-wrap {
  background-image: url('../img/talisman/objects/32.jpg');
}

#page33-wrap {
  background-image: url('../img/talisman/objects/33.jpg');
}

#page34-wrap {
  background-image: url('../img/talisman/objects/34.jpg');
}

#page35-wrap {
  background-image: url('../img/talisman/objects/35.jpg');
}

#page36-wrap {
  background-image: url('../img/talisman/objects/36.jpg');
}

#page37-wrap {
  background-image: url('../img/talisman/objects/37.jpg');
}

#page38-wrap {
  background-image: url('../img/talisman/objects/38.jpg');
}

#page39-wrap {
  background-image: url('../img/talisman/objects/39.jpg');
}


#page40-wrap {
  background-image: url('../img/talisman/objects/40.jpg');
}

#page41-wrap {
  background-image: url('../img/talisman/objects/41.jpg');
}

#page42-wrap {
  background-image: url('../img/talisman/objects/42.jpg');
}

#page43-wrap {
  background-image: url('../img/talisman/objects/43.jpg');
}

#page44-wrap {
  background-image: url('../img/talisman/objects/44.jpg');
}

#page45-wrap {
  background-image: url('../img/talisman/objects/45.jpg');
}

#page46-wrap {
  background-image: url('../img/talisman/objects/46.jpg');
}





#colophone {
	background-color: #b49778;
	color: black;
	padding-top: 5em;
	font-size: 1em;
}

#colophone li {
  color: black;
}

#colophone a {border-bottom: 1px solid black;
  color: black;
	}

  #colophone a:hover {border-bottom: 1px solid black;
    color: black;
  	}
#colophone .container {
  color: black;

}
#colophone .container img {
  width: 90%;
}

#colophone .spalt {
  width: 100%;
  font-size: 1.3em;
  line-height: 1.2em;
  float: left;
  letter-spacing: 0px;
  padding-right: 0.5em;
  text-align: left;
}

#colophone h2 {
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: 0px;
  padding: 0.25em 0 0.25em 0;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
}

#colophone .spalt ul {
	padding-top: 0.25em;
	text-align: left;
}

#colophone .spalt li {
	padding-top: 0.5em;
	text-align: left;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


.hidden {
    display: none !important;
    visibility: hidden;
}



.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}



.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


.invisible {
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   ========================================================================== */


@media only screen and (orientation : landscape) {


  .wrappat {
   background-size: 50% auto;
   background-repeat: no-repeat;
   background-position: top right ;
   min-height: 200vh;
   background-color: black;
  }

  .spalt1 {padding-top: 0;}

  .posten li {color: #b49778;}

  .bid-ruta, .bid-submit {border: 0;
  	background-color: transparent;
  	border: 1px solid #b49778;
  	padding: 5px 5px 2px 5px;
  	margin: 0.25em 0 0 0;
  	font-size: 1.1em;
  	width: 100%;
  	font-family: sectra-reg;
    color: #b49778;
  }

  .bid-ruta:hover, .bid-submit:hover {
  	border: 1px solid #b49778;
    background-color: #b49778;
    font-family: sectra-italic;
    color: #b49778;
  }




#page0 {
	background-size: 90% auto ;
	background-repeat: no-repeat;
	background-position: center center;
  background-color: white;
	}

}





@media only screen and (min-width: 641px) {


  .wrappat {
   border-bottom: 0.25em solid #b49778;
  }

.spalt1 {
  width: 33%;
}

.bid {
  width: 33%;
}

.bid-flera {float: left; width: 30%; padding-right: 3%;}


#facts .info  {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
font-size: 18px;
line-height: 1.2em;
}
}


@media only screen and (min-width: 769px) {

#facts .info {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:32px;
-webkit-column-gap:32px;
column-gap:32px;
font-size: 1.35em;
line-height: 1.25em;
}

.iphone {display: inline;}
.desktop {display: none;}

#page0b h1, #page0b h2 {
font-size: 2em;
font-weight: normal;
}


#colophone .spalt {
  width: 48%;
font-size: 1em;
line-height: 1.2em;
}

.wrappat {
  background-attachment:fixed;
  background-repeat: no-repeat;
  height: 200vh;
  background-position: center center;
  background-size:  auto 90%;
  opacity: 1;
}


.wrappat:hover {
  background-size:  auto 90%;
  background-repeat: no-repeat;
  opacity: 1;

}

@-webkit-keyframes zoomin {

  0% {
    background-size:  50% auto;

  }

  100% {
    background-size:  100% auto;

  }


  }


.liggande, .liggande:hover {
        background-size: 60% auto;
}



.bid-ruta, .bid-submit {border: 0;
	background-color: transparent;
	border: 1px solid #b49778;
	padding: 5px 5px 2px 5px;
	margin: 0.25em 0 0 0;
	font-size: 1.1em;
	width: 100%;
  color: #b49778;
}

.bid-ruta:hover, .bid-submit:hover {
	border: 1px solid #b49778;
  background-color: #b49778;
  color: white;


}


}


@media only screen and (min-width: 1024px) {


#page0b h1, #page0b h2 {
font-size: 3em;
font-weight: normal;

}


}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        .wrappat {
	 background-size: auto cover;
         background-repeat: no-repeat;
         background-position: center center;
	 height: 100vh;

        }

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        .wrappat {
	 height: 150vh;

        }
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }



    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}