/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=8675f152-b963-415e-8026-f43a2bfbb672");*/


/*------ RESET ------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*------ WEB FONTS ------*/

@font-face{
    font-family:"ITC Legacy Serif W01";
    src:url("../fonts/97c2c577-bf8e-4708-baff-001fd32f4d08.eot?#iefix");
    src:url("../fonts/97c2c577-bf8e-4708-baff-001fd32f4d08.eot?#iefix") format("eot"),url("../fonts/1aa4f478-0211-4879-a4e6-a0be4a43e71e.woff2") format("woff2"),url("../fonts/54a75543-b5b3-45e1-81aa-b1ad5b50a901.woff") format("woff"),url("../fonts/dfbf3526-722f-44ca-8fc1-5b07cb575fd0.ttf") format("truetype"),url("../fonts/4b98962c-8d65-43ea-a240-c89d3b801521.svg#4b98962c-8d65-43ea-a240-c89d3b801521") format("svg");
font-weight: 300;
font-style: normal;
}

@font-face{
    font-family:"ITC Legacy Serif W01";
    src:url("../fonts/b5f110df-dc07-4adc-866a-ec62f641ac54.eot?#iefix");
    src:url("../fonts/b5f110df-dc07-4adc-866a-ec62f641ac54.eot?#iefix") format("eot"),url("../fonts/1df5c56f-e7a0-44f6-8b60-45f5bbb438d0.woff2") format("woff2"),url("../fonts/5c11ea6e-da06-4fa6-b2b5-872a67579f4f.woff") format("woff"),url("../fonts/6103ef63-5116-480b-b304-6b5bb947cfee.ttf") format("truetype"),url("../fonts/18a4456b-29a7-49ae-85d5-60b89bbdf95d.svg#18a4456b-29a7-49ae-85d5-60b89bbdf95d") format("svg");
font-weight: 300;
font-style: italic;
}


html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

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

body {
    font-family:'ITC Legacy Serif W01', Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    background: #f4f4f4;
}

body,
#bidform input,
.button {
    font-family:'ITC Legacy Serif W01', Helvetica, Arial, sans-serif;
}

.wrapper {
    max-width: 940px;
    padding: 60px 10px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.inner-wrapp {
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
}

h1 {
    font-style: normal;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 36px;
}

h1:nth-child(1) {
    margin-bottom: 50px;
}

h2 {
    font-weight: normal;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 36px;
}

h2 a {
    border-bottom: 0;
}

img {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}

p {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 50px;
}

a {
    border-bottom: 1px solid #000;
    color: #000;
    text-decoration: none;
}

#bestprice {
    padding: 25px 80px 45px;
    background: #fff;
    margin: 0 auto -14px;
    box-shadow: 0 0 5px #d2d2d2;
    font-size: 150px;
    line-height: 1;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    width: 100%;
}

#bestprice span {
    display: inline-block;
}

#bestprice span:after {
    content: '.–';
}

#bidder {
    background: #353535;
    color: #fff;
    display: inline-block;
    margin: -32px auto 20px;
    position: relative;
    font-size: 24px;
    line-height: 1;
    padding: 20px 82px;
    z-index: 2;
    min-width: 290px;
    min-height: 64px;
}

form {
    width: 100%;
    display: block;
}

.formtab {
    width: 100%;
    margin: 0 auto;
}

.formtab:nth-child(1) {
    margin-bottom: 20px;
}

.formtab p {
    text-align: center;
    margin-bottom: 20px;
}

form input[type="text"],
form input[type="email"],
.price {
    border: none;
    width: 100%;
    background: none;
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    line-height: 1;
    text-align: left;
}

.warning input {
    border-bottom: 1px solid #d82034;
    background: #fff;
}

.warning .error-info {
    display: block;
    text-align: left;
    color: #d82034;
    font-size: 15px;
    line-height: 15px;
    padding: 4px 0 12px;
}

.requiredprice.warning .error-info {
    text-align: center;
}

.error-info span {
    display: block;
}

.error-info {
    display: none;
}

.requiredprice .price {
    background: #fff;
    padding: 20px;
    min-width: 290px;
    width: auto;
    text-align: center;
    color: #ACACAC;
    border-bottom: 0;
}

.terms-wrapp {
    margin-bottom: 100px;
}

.terms {
    text-align: left;
    margin: 20px 0 0;
    float: left;
    width: 100%;
}

#terms {
    margin: 5px 10px 0 0;
    width: 20px;
    height: 20px;
    float: left;
}

.terms span {
    padding-bottom: 10px;
    display: inline-block;
}

.button {
    background: #d82034;
    color: #fff;
    padding: 20px 30px;
    font-size: 20px;
    line-height: 1;
    border: 0;
    transition: all 300ms ease;
    cursor: pointer;
}

.button:hover {
    background: #ab1925;
}

.button span {
    display: inline-block;
}

.buttonicon {
    width: 20px;
    height: 20px;
    background:  url('../img/arrow.png') center right no-repeat;
    background-size: 10px auto;
    padding-left: 5px;
    margin-bottom: -5px;
    transition: padding 300ms ease;
}

.button:hover .buttonicon {
    padding-left: 25px;
}

label {
    text-align: left;
    width: 100%;
    display: block;
    float: left;
    font-size: 15px;
    display: none;
}

/*------ COUNTDOWN ------*/

#countdown {
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

#countdown p {
    text-align: center;
    margin-bottom: 20px;
}

#countdown div {
    display: inline-block;
    margin: 0 20px;
    font-size: 50px;
    line-height: 1;
    min-height: 80px;
}

#countdown span {
    display: block;
}

#countdown span:nth-child(2){
    padding-top: 10px;
    font-size: 20px;
    font-style: italic;
}

#countdown .separator {
    margin: 0;
}

.separator span:nth-child(2) {
    visibility: hidden;
}

/*------ TOP 5 ------*/

.top-bidders {
    width: 100%;
    margin-bottom: 50px;
    float: left;
}

.zweiter {
    font-size: 24px;
}

.bid:nth-child(2) {
    padding-bottom: 50px;
}

.bid {
    width: 100%;
    border-bottom: 1px solid #fff;
    float: left;
    padding: 8px 94px;
}

.bid div:nth-child(1) {
    text-align: left;
    float: left;
    width: 50%;
}

.bid div:nth-child(2) {
    text-align: right;
    float: right;
    width: 50%;
    font-style: italic;
}

.bid div:nth-child(2):after {
    content: '.–';
}

.thankyou p {
    text-align: center;
}

.back-button {
    display: inline-block;
}

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

    .bid {
        padding: 8px;
    }

    #bestprice {
        font-size: 50px;
    }

    #countdown div {
        font-size: 25px;
        margin: 0 5px;
    }

    #bidder {
        padding: 20px;
    }

    .button {
        padding: 20px;
        width: 100%;
    }

    .terms span {
        font-size: 19px;
    }

    p {
        margin-bottom: 30px;
    }

    .wrapper {
        padding: 0;
    }

    h1:nth-child(1),
    h2,
    img {
        margin-bottom: 30px;
    }

    .terms-wrapp {
        margin-bottom: 80px;
    }

    h1 {
        font-size: 35px;
        line-height: 1.1;
    }

    h2 {
        font-size: 22px;
        line-height: 1.2;
    }


}