/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

input, select {
    vertical-align: middle
}

body {
    font: 13px sans-serif;
    *font-size: small;
    *font: x-small;
    line-height: 1.22
}

table {
    font-size: inherit;
    font: 100%
}

select, input, textarea {
    font: 99% sans-serif
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif
}

body, select, input, textarea {
    color: #444
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    text-rendering: optimizeLegibility
}

html {
    -webkit-font-smoothing: antialiased
}

a:hover, a:active {
    outline: none
}

a, a:active, a:visited {
    color: #607890
}

a:hover {
    color: #036
}

ul {
    margin-left: 30px
}

ol {
    margin-left: 30px;
    list-style-type: decimal
}

small {
    font-size: 85%
}

strong, th {
    font-weight: bold
}

td, td img {
    vertical-align: top
}

sub {
    vertical-align: sub;
    font-size: smaller
}

sup {
    vertical-align: super;
    font-size: smaller
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

label, input[type=button], input[type=submit], button {
    cursor: pointer
}

::-moz-selection {
    background: #FF5E99;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #FF5E99;
    color: #fff;
    text-shadow: none
}

a:link {
    -webkit-tap-highlight-color: #FF5E99
}

html {
    overflow-y: scroll
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat
}

.hidden {
    display: none;
    visibility: hidden
}

.visuallyhidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.invisible {
    visibility: hidden
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

/* style : t.stryjewski */
body {
    width: 850px;
    margin: 90px auto 25px;
}

h1 {
    position: absolute;
}

@font-face {
    font-family: 'ZLounge';
    src: url('./fonts/zlounge.eot');
    src: url('./fonts/zlounge.eot?#iefix') format('embedded-opentype'),
    url('./fonts/zlounge.woff') format('woff'),
    url('./fonts/zlounge.ttf') format('truetype'),
    url('./fonts/zlounge.svg#ZLounge') format('svg');
}

.icon-font,
[class*='font-icon'] {
    font-family: 'ZLounge';
    vertical-align: middle;

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: greyscale;

    display: inline-block;
}

.icon-font,
[class*='font-icon'],
.icon-size-normal {
    font-size: 1.23em;
}

.icon-size-medium {
    font-size: 2em;
}

.icon-size-large {
    font-size: 2.5em;
}

.icon-size-very-large {
    font-size: 3em;
}

.font-icon-add:before {
    content: "e"
}

.font-icon-campaign:before {
    content: "j"
}

.font-icon-mainmenu:before {
    content: "i"
}

.font-icon-friends:before {
    content: "l"
}

.font-icon-account:before {
    content: "k"
}

.font-icon-shoppingbag:before {
    content: "m"
}

.font-icon-bell:before {
    content: "7"
}

.font-icon-phone:before {
    content: "n"
}

.font-icon-circle:before {
    content: "1"
}

.font-icon-star:before {
    content: "2"
}

.font-icon-question:before {
    content: "3"
}

.font-icon-exclamation:before {
    content: "5";
}

.font-icon-circleoutline:before {
    content: "6"
}

.font-icon-about:before {
    content: "x"
}

.font-icon-like:before {
    content: "v"
}

.font-icon-sizeguide:before {
    content: "w"
}

.font-icon-zloungeicon:before {
    content: "q"
}

.font-icon-delivery:before {
    content: "o"
}

.font-icon-payment:before {
    content: "z"
}

.font-icon-trash:before {
    content: "A"
}

.font-icon-poweroff:before {
    content: "."
}

.font-icon-load:before {
    content: "8"
}

.font-icon-gridone:before {
    content: "M"
}

.font-icon-gridtwo:before {
    content: "N"
}

.font-icon-gridthree:before {
    content: "O"
}

.font-icon-gridfour:before {
    content: "P"
}

.font-icon-circlemail:before {
    content: "F"
}

.font-icon-circlequestion:before {
    content: "G"
}

.font-icon-circlephone:before {
    content: "H"
}

.font-icon-unchecked:before {
    content: "f"
}

.font-icon-checked:before {
    content: "g"
}

.font-icon-checked:before {
    content: "g"
}

.font-icon-close:before {
    content: "h"
}

.font-icon-password:before {
    content: "t"
}

.font-icon-maildouble:before {
    content: "C"
}

.font-icon-mail:before {
    content: "E"
}

.font-icon-happy:before {
    content: "Q"
}

.font-icon-sad:before {
    content: "R"
}

.font-icon-gendermale:before {
    content: "I"
}

.font-icon-genderfemale:before {
    content: "J"
}

.font-icon-facebookglyph:before {
    content: "S"
}

.font-icon-googleglyph:before {
    content: "T"
}

.font-icon-twitterglyph:before {
    content: "U"
}

.font-icon-facebookbox:before {
    content: "V"
}

.font-icon-youtubebox:before {
    content: "W"
}

.font-icon-twitterbox:before {
    content: "X"
}

.font-icon-pinterestbox:before {
    content: "Y"
}

.font-icon-instagrambox:before {
    content: "Z"
}

.font-icon-arrowleft:before {
    content: "a"
}

.font-icon-arrowright:before {
    content: "b"
}

.font-icon-arrowup:before {
    content: "c"
}

.font-icon-arrowdown:before {
    content: "d"
}

.font-icon-waiting:before {
    content: "B"
}

.font-icon-returns:before {
    content: "p"
}

.font-icon-house:before {
    content: "4"
}

.font-icon-timer:before {
    content: "u"
}

.font-icon-zoomin:before {
    content: "L"
}

.font-icon-zoomout:before {
    content: "K"
}

.font-icon-sizeguide:before {
    content: "w"
}

.font-icon-mailalert:before {
    content: "D"
}

.font-icon-coupon:before {
    content: "s"
}

.font-icon-filter-size:before {
    content: "0"
}

.font-icon-filter-color:before {
    content: "9"
}

.font-icon-filter-catageory-tops:before {
    content: "!"
}

.font-icon-filter-catageory-pants:before {
    content: '"'
}

.font-icon-filter-catageory-dresses:before {
    content: "$"
}

.font-icon-filter-catageory-shoes:before {
    content: "§"
}

.font-icon-filter-catageory-shirts:before {
    content: "%"
}

.font-icon-filter-catageory-underwear:before {
    content: "&"
}

.font-icon-filter-catageory-accessories:before {
    content: "/"
}

.font-icon-filter-catageory-filled-tops:before {
    content: "'"
}

.font-icon-filter-catageory-filled-pants:before {
    content: "("
}

.font-icon-filter-catageory-filled-dresses:before {
    content: "*"
}

.font-icon-filter-catageory-filled-shoes:before {
    content: ")"
}

.font-icon-filter-catageory-filled-shirts:before {
    content: "+"
}

.font-icon-filter-catageory-filled-underwear:before {
    content: ","
}

.font-icon-filter-catageory-filled-accessories:before {
    content: "-"
}

#header {
    overflow: hidden;
    width: 850px;
    height: 362px;
    background: #FFF url(images/header.jpg) no-repeat top center;
}

#header.variation1 {
    background: #FFF url(images/header-v1.jpg) no-repeat -332px -64px;
}

#header.ps {
    background: #FFF url(images/header-ps.jpg) no-repeat top center;
}

#header.blue,
#header.blue2 {
    font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}

#header.blue {
    background: #FFF url(images/header-blue.jpg) no-repeat top center;
}

#header.blue2 {
    background: #FFF url(images/header-blue2.jpg) no-repeat top center;
}

#already_registered {
    text-align: right;
    line-height: 30px;
    padding: 10px 43px 0 0;
    position: absolute;
    width: 807px;
    height: 30px;
    overflow: hidden;
    font-size: 90%;
}

#info {
    position: absolute;
    margin: 70px 0 0 435px;
    width: 400px;
    font-family: sans-serif;
}

#info h2 {
    font-size: 26px;
    font-weight: bolder;
}

#info span {
    margin: -10px 0 0;
    position: relative;
    display: inline-block;
    top: -10px;
}

#info h3 {
    font-size: 23px;
    font-weight: normal;
}

#info p {
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0 0;
    letter-spacing: 1px;
}

.ps #features {
    display: none;
    visibility: hidden;
}

.hotline-text {
    position: absolute;
    margin: 250px 0 0 26px;
    color: #444;
    line-height: 169px;
}

.hotline-text i {
    margin-right: 10px;
}

#features {
    position: absolute;
    margin: 80px 0 0 450px;
    width: 400px;
    list-style: none;
}

#features.reduced {
    margin: 156px 0 0 30px;
}

#features.dslr {
    margin: 122px 0 0 440px;
}

#features li {
    padding: 0 0 0 0;
    line-height: 40px;
    font-size: 110%;
}

#features li i {
    color: #EDA821;
    margin-right: 10px;
    margin-left: -5px;
}

#features.dslr li {
    background: transparent;
    padding: 0;
    line-height: 36px;
    font-weight: bold;
    margin: 0;
    color: #696969;
}

#features .tuv .ir {
    width: 40px;
    height: 40px;
    background: url(images/sprite.png) no-repeat -119px 0px;
    float: right;
    margin: 0 220px 0 0;
}

#infobox {
    width: 400px;
    position: absolute;
    z-index: 100;
    padding: 10px;
    border: 1px solid #999;
    background: #FFF;
    margin: 50px 0 0 400px;
    display: none;
    -moz-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#infobox_hide {
    float: right;
    width: 15px;
    height: 15px;
    background: url(images/sprite.png) no-repeat -120px -44px;
}

#infobox_hide:hover {
    background-position: -135px -74px;
}

#infobox h3,
#infobox strong {
    color: #000;
}

#infobox p {
    margin: 10px 0 0;
}

#register-form {
    width: 372px;
    height: 290px;
    display: block;
    position: absolute;
    margin: 64px 0 0 430px;
    padding: 0;
    overflow: hidden;
}

#stepper {
    width: 750px;
    position: absolute;
    left: -372px;
    left: 0;
}

#step-1, #step-2 {
    width: 362px;
    height: 250px;
    float: left;
    padding: 5px;
}

#step-2 {
    display: none;
    visibility: false;
}

#stepper h2 {
    padding: 5px;
    margin: 0 0 10px;
    font-size: 110%;
    text-align: center;
    margin-left: -15px;
}

.blue #stepper h2,
.blue2 #stepper h2 {
    color: #FFF;
    font-size: 100%;
    margin: -10px -10px 5px;
    padding: 15px 10px 10px;
    background: #3c5a9a;
}

#register-form .clearfix {
    line-height: 19px;
    height: 29px;
    margin: 0 0 8px;
    padding: 0;
    margin-bottom: 3px;
}

.tick {
    background: url(images/sprite.png) no-repeat -160px -39px;
    width: 17px;
    height: 21px;
    float: right;
    margin: 3px 50px 0 0;
    line-height: 27px;
    display: none;
}

#register-form label {
    display: block;
    line-height: 30px;
    height: 30px;
    width: 85px;
    margin: 0 13px 0 -3px;
    float: left;
    text-align: right;
    font-weight: bold;
}

#register-form fieldset input {
    line-height: 30px;
    margin: 5px;
    float: left;
    width: auto;
    border: 0 !important;
}

#register-form fieldset label {
    width: 45px;
    text-align: left;
}

#register-form input {
    padding: 2px 2px;
    margin: 3px 0;
    line-height: 18px;
    border: 1px solid #CCC;
    width: 194px;
}

#f-is-submit {
    width: 200px !important;
}

.blue #f-is-submit,
.blue2 #f-is-submit {
    margin: 5px 0 0 !important;
}

.blue #f-ib-next-step,
.blue2 #f-ib-next-step,
.blue #f-is-submit,
.blue2 #f-is-submit {
    background: #4F6AA3 !important;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgb(138, 156, 194)),
            color-stop(0.01, rgb(99, 122, 173)),
            color-stop(1, rgb(88, 114, 167))
    ) !important;
    background-image: -moz-linear-gradient(
            center top,
            rgb(138, 156, 194) 0%,
            rgb(99, 122, 173) 1%,
            rgb(88, 114, 167) 100%
    ) !important;
    color: #FFF !important;
    border: 1px solid #29447E !important;
    border-bottom-color: #1A356E !important;
    margin: 10px 0 0 !important;
}

.blue #f-ib-next-step:active,
.blue2 #f-ib-next-step:active,
.blue #f-is-submit:active,
.blue2 #f-is-submit:active {
    background: #4F6AA3 !important;
}

#newsletter-div.form-row,
#agreement-div.form-row {
    padding-right: 10px;
    line-height: 14px;
    font-size: 11px;
    height: auto;
    margin-bottom: 0px;
    padding-right: 15px;
}

#newsletter-div input,
#agreement-div input {
    float: left;
    width: auto;
    margin: 2px 0px 0px -30px;
    margin-bottom: 28px;
    margin-left: -23px;
    margin-right: 9px;
    border: 0;
}

.errors {
    display: none;
}

.errors div {
    height: 30px;
    background: url(images/sprite.png) 0 0;
    width: 104px;
    position: absolute;
    z-index: 99;
    display: block;
    margin: 0 0 0 730px;
    font-weight: bolder;
    font-size: 10px;
    color: #000;
    line-height: 30px;
    padding: 0 0 0 15px;
}

.errors .f-it-name {
    top: 224px;
	text-align: center;
}

.errors .f-it-surname {
    top: 256px;
	text-align: center;
}

.errors .f-it-mail {
    top: 191px;
	text-align: center;
}

.errors .f-ip-pass {
    top: 225px;
	text-align: center;
}

.errors .f-ic-agree {
    top: 253px;
    background: url(images/sprite.png) 0 -30px;
    padding: 0 15px 0 0;
    text-align: center;
    margin: 0 0 0 376px;
}

.errors .f-ic-newsletter {
    top: 267px;
    background: url(images/sprite.png) 0 -30px;
    padding: 0 15px 0 0;
    text-align: center;
    margin: 0 0 0 347px;
}

#footer {
    height: 250px;
    background: url(images/footer.jpg) no-repeat top center;
}

#footer.v2 {
    background: url(images/footer.jpg) no-repeat top center;
}

#overlay {
    position: relative;
    padding: 240px 5px 0;
    z-index: 3;
    line-height: 10px;
    font-size: 9px;
    text-align: right;
}

#dropzone {
    width: 850px;
    height: 235px;
    position: absolute;
    z-index: 2;
}

h3 {
    font-weight: normal;
    position: absolute;
    font-size: 18px;
    margin-top: 123px;
    margin-left: 25px;
    color: #696969;
}

#footer_navigation {
    color: white;
    bottom: 0;
    width: 850px;
    margin-bottom: 10px;
    position: fixed !important;
    font-size: 90%;
}

#footer_navigation a {
    color: white;
    margin-left: 20px;
}

#footer_navigation #impress {
    float: left;

}

#footer_navigation #privacy {
    margin-left: 20px;
    float: left;
}

#footer_navigation #hint {
    float: right;

}

.i-am-the-mighty-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.wow-im-flexible {
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.left-button {
    float: left;
}

.right-button {
    float: left;
    margin-left: 4px;
}

a.facebooklogin {
    text-decoration: none;
}

.sprite-icon-facebook {
    background-repeat: no-repeat;
    background-image: url('images/sprite.png');
    background-position: -183px -39px;
    height: 20px;
    width: 11px;
    margin: -3px 5px -1px 0;
    display: inline-block;
    vertical-align: middle;
}

.btn.btn-large {
    font-size: 13px;
    height: 30px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    line-height: 29px
}

.btn.facebook {
    width: 84px;
}

.btn.red {
    width: 98px !important;
}

input.btn, .btn {
    border-width: 0px !important;
}

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin: 3px 0;
}

a.btn, input.btn {
    color: #f9f9f9;
}

.btn.btn-large.facebook {
    padding: 0px 8px 0 6px;
}

.btn.facebook {
    background-image: -moz-linear-gradient(top, #8fa0c4, #6d84b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8fa0c4), to(#6d84b3));
    background-image: -webkit-linear-gradient(top, #8fa0c4, #6d84b3);
    background-image: -o-linear-gradient(top, #8fa0c4, #6d84b3);
    background-image: linear-gradient(to bottom, #8fa0c4, #6d84b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8FA0C4', endColorstr='#FF6D84B3', GradientType=0);
    background-color: #6d84b3;
}

.btn.red {
    background-image: -moz-linear-gradient(top, #cb182d, #9e1223);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cb182d), to(#9e1223));
    background-image: -webkit-linear-gradient(top, #cb182d, #9e1223);
    background-image: -o-linear-gradient(top, #cb182d, #9e1223);
    background-image: linear-gradient(to bottom, #cb182d, #9e1223);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCB182D', endColorstr='#FF9E1223', GradientType=0);
    background-color: #9e1223;
}

.btn.green {
    background-image: -moz-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c9f2a), to(#476f3c));
    background-image: -webkit-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: -o-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: linear-gradient(to bottom, #1c9f2a, #476f3c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1C9F2A', endColorstr='#FF476F3C', GradientType=0);
    background-color: #1c9f2a;
}

.btn:hover, .btn:focus {
    text-decoration: none;
    background-position: 0 -15px;
}

.btn.facebook:hover {
    background-color: #6d84b3;
    color: #f9f9f9;
}

.btn.red:hover {
    color: #f9f9f9;
    background-position: 0 0px;
    background-image: -moz-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c9f2a), to(#476f3c));
    background-image: -webkit-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: -o-linear-gradient(top, #1c9f2a, #476f3c);
    background-image: linear-gradient(to bottom, #1c9f2a, #476f3c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1C9F2A', endColorstr='#FF476F3C', GradientType=0);
    background-color: #1c9f2a;
}

.btn.green:hover {
    background-color: #476f3c;
    color: #f9f9f9;
}

.tnc {
    margin-top: 5px;
}

.center {
    text-align: center;
}

.font-small {
    font-size: 11px;
}.privacy { margin-top: 10px; }
.font-smaller { font-size: 9px; line-height: 13px; }