/* cmn */
#test {display: none; cursor: pointer; position: fixed; top: 200px; min-width: 50px; min-height: 50px; background: silver; }

.abs {position: absolute; }
.fxd {position: fixed; }
.rel {position: relative; }
.db {display: block; }
.dib {display: inline-block; }
.ma {margin: auto; margin-top: 0; margin-bottom: 0; }
ul, li {margin: 0; padding: 0; border: 0; list-style: none; }
.rad3px {border-radius: 3px; }
.shadow {box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.33); }
.shadowDecent {box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2); }
.mouse {cursor: pointer; }
.noMouse {cursor: default; }
.noMouse:HOVER {text-decoration: none; }
.fl {float: left; }
.fr {float: right; }
.cb {clear: both; }
.cl {clear: left; }
.cr {clear: right; }
.dn {display: none; }
a {color: inherit; text-decoration: none; font-size: inherit; }
a img {border: 0; }
.anchor {}
.rad75px {border-radius: 75px; }
.citateAuthor {display: block; padding-top: 10px; font-style: oblique; font-size: 130%; line-height: 130%; }

h1, h2, h3, p, form, input, button, label, fieldset {margin: 0; padding: 0; }

/*  D E B U G  */
/*  B A S I C  */

html, body {margin: 0; padding: 0; text-align: center; }
body {color: #fff; }

a.continue {width: 49px; height: 49px; padding: 20px; }


/* image cols */
.imageCol {overflow: hidden; width: 33.34%; height: 100%; }
.imageCol .inner {position: absolute; }
.col0 {left: 0; }
.col1 {left: 33.34%; }
.col2 {left: 66.67%; }
.imageCol .inner img {position: absolute; left: 0; top: 0; width: auto; }

/* content */
.imageCol .content {display: block; width: 350px; height: 350px; padding: 194px; background: url('bg/darkness-collection-info.png') no-repeat center; }
.imageCol .content .vshift {display: block; width: 100%; height: 50px; }
.imageCol .content .mark {width: 58px; height: 58px; margin-bottom: 35px; }
.imageCol .content .mark .label {display: none; top: 0; left: 0; width: 46px; height: 34px; padding-top: 12px; font-size: 26px; line-height: 26px; }
.imageCol .content .mark .color {display: none; width: 25px; height: 25px; bottom: 0; right: 0; }
.col0 .content .mark .color {background-color: black; }
.col1 .content .mark .color {background-color: #494f53; }
.col2 .content .mark .color {background-color: #bb1919; }
.imageCol .content h1 {margin-bottom: 10px; padding-bottom: 15px; background: url('bg/hsep-collection-info.png') no-repeat bottom center; font-size: 18px; line-height: 23px; letter-spacing: 0.1em; }
.imageCol .content p {padding: 0 50px; font-size: 12px; line-height: 15px; }
.imageCol .content a.continue {margin-top: 20px; }


/* welcome */
#welcome {top: 0; width: 100%; height: 100%; text-align: center; }
#welcome .bg {width: 100%; height: 100%; }
#welcome .inner {width: 100%; }
#welcome .inner div span {position: relative; display: inline-block; }
#welcome img {margin-bottom: 80px; }
#welcome .preloader {display: block; width: 500px; height: 1px; margin-top: 100px; margin-bottom: 68px; text-align: left; }
#welcome .preloader div {width: 1%; height: 1px; }
#welcome a.continue {margin-top: 80px; }

/* corners */
.cornerLogo {top: 10px; right: 10px; padding: 20px; }
.cornerLogo img {width: 70px; height: auto; }
.ts-new-collection {top: 20px; left: 20px; font-size: 30px; line-height: 36px; letter-spacing: 0.2em; text-align: left; }
.ts-new-collection span {font-size: 20px; line-height: 24px; letter-spacing: 0; }
.darkness-tl {top: 0; left: 0; }
.darkness-tr {top: 0; right: 0; }

#hider {width: 100%; height: 100%; top: 100%; }

/* menu */
#menu {top: 0; width: 100%; height: 100%; text-align: center; }
#menu .bg {width: 100%; height: 100%; }
#menu .inner {width: 100%; }
#menu .preloader {display: block; width: 500px; height: 1px; margin-top: 100px; margin-bottom: 68px; text-align: left; }
#menu .preloader div {width: 1%; height: 1px; }

.tripleMenu {margin: 30px 0; }
.tripleMenu a {display: inline-block; width: 190px; margin: 0 10px; }
.tripleMenu a span.circle {width: 150px; height: 150px; background-repeat: no-repeat; background-position: center; }
.tripleMenu a span.title {padding-top: 20px; font-size: 14px; line-height: 17px; }
.tripleMenu a span.lookbook {background-image: url('ico/lookbook.jpg'); }
.tripleMenu a span.fashionFilm {background-image: url('ico/fashion-film.jpg'); }
.tripleMenu a span.eshop {background-image: url('ico/eshop.jpg'); }

.discover {margin-top: 30px; }
.hsepDiscover {display: block; width: 100%; height: 7px; background: url('bg/hsep-collection-discover.png') no-repeat center; }
.discover h1 {font-size: 22px; line-height: 26px; margin-top: 16px; }
.discover h1 span {position: relative; display: inline-block; }
.discover h1 span.stayTransparent {text-transform: lowercase; }
.discover a.continue {margin-top: 0px; }


/* benefits */
#benefits .benefit {overflow: hidden; width: 100%; height: 100%; }
#benefits .benefit .images {position: absolute; }
#benefits .benefit .images img {position: absolute; left: 0; top: 0; width: auto; height: auto; }

#benefits .benefit .content {display: block; width: 450px; min-height: 350px; padding: 194px 144px; background: url('bg/darkness-collection-info.png') no-repeat center; }
#benefits .benefit .content .vshift {display: block; width: 100%; height: 50px; }
#benefits .benefit .content h1 {margin-bottom: 10px; padding-bottom: 15px; background: url('bg/hsep-collection-info.png') no-repeat bottom center; font-size: 24px; line-height: 28px; letter-spacing: 0.1em; }
#benefits .benefit .content a.eshop, #benefits .benefit .content a.detail {display: inline-block; height: 21px; margin: 20px 10px 0 10px; padding: 8px 30px 0 30px; font-size: 12px; line-height: 14px; text-transform: uppercase; }
#benefits .benefit .content a.eshop:HOVER, #benefits .benefit .content a.detail:HOVER {background-color: white; color: #0f1413; }
#benefits .benefit .content p {padding: 5px 20px; font-size: 12px; line-height: 15px; }
#benefits .benefit .content p.expansive {padding: 0 0; }
#benefits .benefit .content a.continue {margin-top: 20px; }

/* benefits menu */
#benefitsMenu {display: block; right: 30px; bottom: 40%; }
#benefitsMenu li {display: block; position: relative; width: 30px; height: 30px; text-align: left; }
#benefitsMenu li a {display: block; width: 100%; height: 100%; background: url('ico/benefit-menu-dot.png') no-repeat center; }
#benefitsMenu li a.viewed {background-image: url('ico/benefit-menu-dot-viewed.png'); }
#benefitsMenu li span {display: block; height: 22px; padding: 8px 28px 0 15px; position: absolute; top: 0; right: 35px; background-repeat: no-repeat; background-position: right top; font-size: 12px; line-height: 14px; }
#benefitsMenu.formal li span {background-image: url('bg/benefit-menu-label-formal.png'); }
#benefitsMenu.informal li span {background-image: url('bg/benefit-menu-label-informal.png'); }
#benefitsMenu.blazek-jeans li span {background-image: url('bg/benefit-menu-label-blazek-jeans.png'); }

/* collection menu */
#collectionMenu {top: 110px; left: 20px; height: 30px; }
#collectionMenu li {display: block; float: left; clear: left; position: relative; margin: 5px 0; height: 30px; }
#collectionMenu li a {display: inline-block; position: relative; top: -30px; height: 22px; padding: 8px 20px 0 20px; font-size: 12px; line-height: 14px; text-transform: uppercase; }
#collectionMenu li a span {display: inline; }
#collectionMenu li span.bg {display: block; width: 100%; height: 30px; }


/* details */
#details {display: block; width: 100%; height: 100%; background: transparent; }
#details div.close {width: 100%; height: 100%; }
#details .detail {overflow: visible; position: relative; margin: auto; margin-top: 0; margin-bottom: 0; }
#details .preloader {position: fixed; display: block; width: 500px; height: 1px; text-align: left; }
#details .preloader div {width: 2%; height: 1px; }

#details .detail .video, #details .detail .imageBrowser {position: relative; background: #000; }
#details .detail .imageBrowser .images img {position: absolute; height: auto; left: 0; }
#details .detail a.close {height: 22px; margin-top: 20px; padding: 8px 30px 0 30px; font-size: 12px; line-height: 14px; text-transform: uppercase; }
#details .detail a.close:HOVER {background-color: white; color: #0f1413; }
#details .detail a.prevPhoto {top: 0; left: -20%; width: 70%; height: 100%; background: url('ico/arrow-prev-photo.png') no-repeat left center; }
#details .detail a.nextPhoto {top: 0; right: -20%; width: 70%; height: 100%; background: url('ico/arrow-next-photo.png') no-repeat right center; }
/*.benefit .video {width: 450px; height: 253px; background: black; }*/


#backstageRomance {width: 100%; height: 100%; top: -100%; }
#backstageRomance .inner {width: 900px; height: 506px; }