/*! normalize.css v1.1.0 | MIT License | git.io/normalize */




/* SIMPLE GRID */





[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

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

.grid-pad {
	padding: 20px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}





.footer { text-transform: uppercase; letter-spacing: 1px; text-align: center; font-size: 10px; background: #222; color: #888; padding-top: 35px; padding-bottom: 30px; font-family: 'Proxima Nova Regular', sans-serif; }
.footer a { color: #888; text-decoration: none; }
.footer a:hover { color: #ccc; text-decoration: underline; }

@media (min-width: 1100px) {
	/* .work { width: 1100px; margin-left: -550px; left: 50%; } */
}

@media handheld, only screen and (max-width: 767px) {
	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}







/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
position: relative;
background:#f3f0ed;
cursor:default;
margin:0;
padding:0;
font-size:75%;
color: #1d1d1b;
line-height: 1.42em;
font-family: 'Proxima Nova Regular', Arial, Helvetica; }

input {  }
* { outline:none; margin:0; padding:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
div.cl { line-height: 0; font-size: 0; height: 0; clear: both; }

a { color:#000; }
	
a:hover {
	text-decoration: underline;
	color:#000; }



/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */



/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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


html { }

a {
    /*
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    */
    text-decoration: none;
}

a:hover{
    color:#545453;
}

body { text-rendering:optimizelegibility; }
h1,h2,h3,h4,h5,h6,p { color: #1d1d1b; font-family: 'Proxima Nova Regular'; font-weight: normal; padding:0; margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }

span.geviertSpace { width: 3px; display: inline-block; }


header { padding: 71px 0 68px 0; text-align: center;}
header h1 { text-transform: uppercase; font-family: 'Proxima Nova Regular'; font-size: 40px; line-height: 46px; letter-spacing:0.09em; margin-bottom: 10px;}
header h2 { text-transform: uppercase; font-family: 'Proxima Nova Regular'; font-size: 16px; letter-spacing: 0.6em; }

.single-product .page-wrapper header h1,
.single-product .page-wrapper header h2{margin-right:150px;}

img.mirrored {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/*.js .pageOut {

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

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.js .pageIn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}*/
::selection { background: transparent; }
::-moz-selection { background: transparent; }

.productOverview ul li a img { /*-webkit-backface-visibility: hidden;*/ width: 100%; height: auto; display: block; }
.productOverview ul { list-style: none; margin: 0 auto 0 auto; padding: 0; clear: both; width: auto; }


.page-wrapper .content-area .lookbook li .infoBox h3,
.jcarousel ul li a h3,
.productOverview ul li a h3 {
    background: url('../img/no.png') top left no-repeat;
    height: 80px;
    margin: 0 0 20px 0;
    padding-left: 112px;
    font-size: 92px;
    line-height: 68px;
    text-align: center;
    display: inline-block;
}
.jcarousel ul li a h4,
.productOverview ul li a h4 { text-align: center; display: block; font-size: 26px; letter-spacing: 0.06em; margin: 0 0 34px 0; text-transform: uppercase; }
.jcarousel ul li a h5,
.productOverview ul li a h5 { text-align: center; display: block; font-size: 14px; text-transform: uppercase; font-family: 'Proxima Nova Regular'; width: 100px; margin: 0 auto; }

.productDetail {}
.productDetailHead { padding: 0 6.2% 100px 6.2%; text-align: center; }
/*
.productDetailHead img { float: left; width: 56%; height: auto; padding-left: 0%; }
*/
.productDetailHead .imageSideGal { position: relative; width: 56%; padding-left: 0%; /*float: left;*/ max-width: 650px; display: inline-block; }
.productDetailHead .imageSideGal img { width: 100%; height: auto; }
.productDetailHead .imageSideGal .imageSideGalImg { position: absolute; z-index: 1; top: 0; left: 0;
/*
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.productDetailHead .imageSideGal .imageSideGalImg.active {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
    opacity: 1;
}

.productDetailHead .productDescription { float: right; width: 42%; padding: 8% 0 0 2%; text-align: left; }
.page-wrapper .content-area .lookbook li .infoBox h3,
.productDetailHead .productDescription h3 { display:inline-block; margin: 0 0 18px 0; padding-left: 52px; font-size: 40px; line-height: 28px; color: #1d1d1b; background: url('../img/Noh3.png') top left no-repeat; }
.productDetailHead .productDescription p,
.page-wrapper .content-area .lookbook li .infoBox p { margin: 0 0 20px 0; font-family: 'Proxima Nova Regular'; font-size: 18px; line-height: 1.5em; width: 80%; }
.productDetailHead .productDescription span { display: block; font-family: 'Proxima Nova Regular'; }
.productDetailHead .productDescription span.productDimensions { font-size: 17px; margin: 0 0 15px 0; }
.productDetailHead .productDescription span.productPrice { font-size: 26px; letter-spacing: 0.06em; margin: 0 0 40px 0; text-transform: uppercase; }

a.button { display: block; font-family: 'Proxima Nova Regular'; padding:3px; margin: 0 0 0 0; max-width: 260px; min-width: 200px; width: 100%; text-align: center; display: inline-block; text-transform: uppercase; font-size: 1px; letter-spacing: 0.2em; }

a.button span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 2px solid #000; height: 40px; display: block;
}
a.button:hover span { background: #000; color: #fff; }
.ccContainer .share,
.productDetailHead .productDescription .share { font-size:13px; padding: 4px 0 2px 0; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 0 0; display: inline-block; }
.ccContainer .share{margin:80px 0 0 0; padding:4px 0 2px 19px;}
.hearts,
.productDetailHead .productDescription .hearts { background: url('../img/heart.png') center left no-repeat; padding-left: 22px; }

h1.love { font-family: 'Proxima Nova Regular'; display: block; margin: 20px auto 124px auto; background: url('../img/menuActive.png') top center no-repeat; padding: 16px 0 0 0; font-size: 14px; width: 100px; }
h1.love.others { width: 160px; }
.addressBottom { text-transform: uppercase; font-family: 'Proxima Nova Regular'; font-size: 12px; letter-spacing: 0.1em; margin: 0 0 12px 0; width:61%; left:50%; margin-left:-30%; position:relative;}
.addressBottom { line-height: 1.6em;}
.addressBottom span.border { display: inline-block; padding:0 6px;  }



.page-template-lookbook-php .page-wrapper .content-area header{display:none;}

@media all and (max-width: 1280px) {

}




@media all and (max-width: 1200px) {
    .page-template-about-php{position:fixed;}
    .page-template-lookbook-php{position:absolute;}
    .page-template-about-php .page-wrapper .content-area header,
    .page-template-lookbook-php .page-wrapper .content-area header{margin:31px 0 0 -148px; left:50%; z-index:1; position:absolute; display:block;}

    header { padding: 0 0 28px 0; display: inline-block; margin: -40px auto 0 auto; padding-left: 3%; }
    header h1 { font-size: 32px; line-height: 46px; letter-spacing:0.09em; margin-bottom: 6px; }
    header h2 { font-size: 13px; letter-spacing: 0.6em; }

    .page-wrapper .content-area .lookbook li .infoBox h3,
    .jcarousel ul li a h3,
    .productOverview ul li a h3 { background: url(../img/noH3.png) top left no-repeat; margin: 0 0 20px 0; padding-left: 52px; font-size: 40px; line-height: 28px; color: #1d1d1b; text-align: center; display: inline-block;}
    .jcarousel ul li a h4,
    .productOverview ul li a h4 { text-align: center; display: block; font-size: 22px; letter-spacing: 0.06em; margin: 0 0 34px 0; text-transform: uppercase; }
    .jcarousel ul li a h5,
    .productOverview ul li a h5 { text-align: center; display: block; font-size: 14px; text-transform: uppercase; font-family: 'Proxima Nova Regular'; width: 100px; margin: 0 auto; }

    .page-wrapper .content-area .lookbook li .infoBox{width:503px;}
    .page-wrapper .content-area .lookbook li .infoBox p{top:8%;}
    .page-wrapper .content-area .lookbook li .infoBox img{top:4.205342%;}
    .page-wrapper .content-area .lookbook li .infoBox a.button{margin-top:11%;}
    .page-wrapper .content-area .lookbook li .infoBox h3{margin-top:7.205342%;}

    .single-product .page-wrapper header h1,
    .single-product .page-wrapper header h2{margin-right:0;}

    .addressBottom{padding-bottom:20px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : portrait) {
    header { padding-bottom: 68px; padding-left: 3%; }
    .productDetailHead .imageSideGal { width: 90%; float: none; min-height: 650px; }
}


@media all and (max-width: 768px) {
    .addressBottom span { display: none;  }
    .addressBottom a { display: block; }
    .addressBottom a.share { margin: 20px 0 2px 0; display: inline-block; }
    .addressBottom span.borderB { display: none; }

    a.button { display: block; margin-left: auto; margin-right: auto; }

    .productDetailHead {
        padding: 0 6.2% 0 6.2%;
    }
    .productDetailHead .imageSideGal { width: 90%; float: none; }
    /*
    .productDetailHead img {
        float: none;
        width: 100%;
        padding-left: 0%;
    }
    */
    .productDetailHead .productDescription {
        float: none;
        width: 100%;
        padding: 7% 0 0 2%;
        text-align: center;
    }
    .productDetailHead .productDescription h3 {
        text-align: center;
    }
    .productDetailHead .productDescription p,
    .page-wrapper .content-area .lookbook li .infoBox p {
        margin: 0 auto 20px auto;
        width: 70%;
    }
    .productDetailHead .productShare {
        clear: both;
        margin: 0 auto 84px auto;
        display: inline-block;
        padding-left: 4%;
    }
    .productDetail a.anchor {
        font-size: 12px;
    }
}

@media all and (max-width: 767px) {

    header { padding: 105px 0 68px 0; }
    header h1 { font-size: 46px; line-height: 46px; margin-bottom: 19px; width:374px; margin-left:-187px;position:relative; left:50%;/*visibility:hidden;*/}
    header h2 { font-size: 15px; letter-spacing: 0.6em;  /*visibility:hidden;*/}

    .productDetailHead .productDescription { padding-left: 0; }
}

@media all and (max-width: 480px) {
    .productDetail a.anchorDetails { display: none; }
    .productDetail a.anchorInfo {
        background: none;
        padding-top: 0;
        height: 40px;
    }

    .productOverview { padding: 0 10% 0 10%; text-align: center; }
    .productOverview ul li a span { display: none; }
    .productOverview ul li { margin: 30px 0 50px 0; }

    .productDetailGal { margin-bottom: 40px; }

    h1.love { margin-bottom: 80px; }


    .addressBottom span { display: none;  }
    .addressBottom a { display: block; }
    .addressBottom a.share { margin: 20px 0 2px 0; display: inline-block; }
    .addressBottom span.borderB { display: none; }


}

.productOverview ul li a.noDisplay span { display: none; }
.productOverview ul li a.noDisplay:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/*lookbook*/
/*infobox*/
.page-wrapper .content-area .lookbook li {
    list-style-type:none;
    float:left;
    position: relative;
}
/*.page-wrapper .content-area .lookbook li img:hover{cursor:url('../img/curser.png');}*/
.page-wrapper .content-area .lookbook li img {
    position: absolute;
    left: 50%;
    top: 50%;
    /*cursor:url('../img/curser.png'),default;*/
}
.lbcursor{cursor:url('../img/curser.png'),default;}

.page-wrapper .content-area .lookbook li .infoBox,
.page-wrapper .content-area .lookbook li .infoBox.left{
    position:relative;
    background-color:white;
    float:left;
    left:-700px;
    width:700px;
    height:100%;
    /*cursor: url('../img/cursor_close.png');*/
    z-index: 1000;
    overflow:auto;
}
.page-wrapper .content-area .lookbook li .infoBox.right{
    left:0;
/*    margin-left:-700px;*/
}
.page-wrapper .content-area .lookbook li .infoBox.right img,
.page-wrapper .content-area .lookbook li .infoBox.left img{
    width:380px;
    height:388px;
    text-align:center;
    left:50%;
    margin-left:-190px;
    position:relative;
    top:11.205342%;
    cursor:default;
}
.page-wrapper .content-area .lookbook li .infoBox h3{
    position:relative;
    margin-top:22.205342%;
}
.page-wrapper .content-area .lookbook li .infoBox p{
    width:58%;
    position:relative;
    top:16%;
    left:50%;
    margin-left:-29%;
}
.page-wrapper .content-area .lookbook li .infoBox a{
    position:relative;
    margin-top:28%;
    max-height:46px;
    min-height:36px;
    max-width:167px;
    min-width:137px;
    font-size:16px;
}
.page-wrapper .content-area .lookbook li .infoBox a span{
    height:27px;
    padding-top:11px;
}


@media all and (min-device-width : 641px) and (max-width: 1200px) {/*ipad querformat*/
    .page-wrapper .content-area .lookbook li .infoBox{width:512px; overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox.left{width:512px; left:-512px; overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox p{top:11.5%; width:80%; margin-left:-40%; overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox img{margin-top:-50px;}
    .page-wrapper .content-area .lookbook li .infoBox a{max-height:38px; min-height:29px; max-width:138px; min-width:128px; font-size:14px;}
    .page-wrapper .content-area .lookbook li .infoBox a span{height:21px;padding-top:5px;}
    .page-wrapper .content-area .lookbook li .infoBox a.button{margin-top:27%;}
    .page-wrapper .content-area .lookbook li .infoBox h3{margin-top:15.205342%;}
    /*kontakt*/
    .page-template-contact-php .page-wrapper .content-area header{padding:0 0 28px 0 !important; margin-right:0 !important;}
    .contactContent{margin-right:0 !important;}

    .page-template-contact-php .big,.page-template-contact-php .contactContent .big a{width:353px !important;position:relative !important; left:50% !important; margin-left:-175px !important;}

}
@media all and (max-width: 768px){/*ipad hochformat*/
    .contactContent { padding: 0 40px; }
    .page-wrapper .content-area .lookbook li .infoBox{width:670px; left:50% !important;margin-left:-335px;}
    .page-wrapper .content-area .lookbook li .infoBox.left{width:670px; }
    .page-wrapper .content-area .lookbook li .infoBox p{top:16%; width:60%; margin-left:-30%;}
    .page-wrapper .content-area .lookbook li .infoBox.right img,
    .page-wrapper .content-area .lookbook li .infoBox.left img{top:11.205342%; width:280px; height:288px; margin-left:-140px;}
    .page-wrapper .content-area .lookbook li .infoBox a.button{margin-top:28%;}
    .page-wrapper .content-area .lookbook li .infoBox h3{margin-top:16.205342%;}
}
@media all and (max-width: 640px){/*iphone 4 hochformat*/
    .page-wrapper .content-area .lookbook li .infoBox{width:320px; left:335px !important;overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox.left{width:320px; overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox p{top:2.5%; width:80%;margin-left:-40%;overflow:auto;}
    .page-wrapper .content-area .lookbook li .infoBox.right img,
    .page-wrapper .content-area .lookbook li .infoBox.left img{top:1.112053% !important; width:180px !important; height:185px !important; margin-left:-90px !important; margin-top:0px !important;}
    .page-wrapper .content-area .lookbook li .infoBox a.button{margin-top:8%;}
    .page-wrapper .content-area .lookbook li .infoBox h3{margin-top:12.205342%;}
    .page-template-about-php .page-wrapper .content-area header,
    .page-template-lookbook-php .page-wrapper .content-area header{display:none;}
    .page-wrapper .content-area .lookbook li .infoBox .xButton{display:none;}
    .page-template-contact-php .ccContainer{width:100% !important; margin-left:-50% !important;}
    .page-template-contact-php .big, .page-template-contact-php .contactContent .big a{ font-size:20px !important;}
    .impressumboxTextWrapper{margin:100px auto !important;}

    .addressBottom{width:74%; margin-left:-37%;}
}
/*.imgContainerAbout,*/
.nachlinksWrapper,
.page-wrapper .content-area header{
    -webkit-transition:0.5s all ease-in-out;
    -moz-transition:0.5s all ease-in-out;
    -o-transition:0.5s all ease-in-out;
    -ms-transition:0.5s all ease-in-out;
    transition:0.5s all ease-in-out;
}
.xButton{
    background: url('../img/xButton.png') center center no-repeat;
    width:26px;
    height:26px;
    position:absolute;
    right:45px;
    top:45px;
    cursor:pointer;
    z-index:1001;
}
.impressumBoxPhone .xButton{display:none;}

/*kontakt*/
.contactContent{
    position:relative;
    padding-top:40px;
}
/*.page-template-contact-php{
    background:url('../img/kontaktBg.jpg') center right no-repeat;
    background-size:cover;
}*/
.contact{
    font-family: 'Proxima Nova Regular';
    font-size:18px;
    line-height:24px;
    text-align:center;
    margin:35px 0;
}
.page-template-contact-php .big,
.page-template-contact-php .contactContent .big a{
    font-size:30px;
    line-height:32px;
    font-family: 'Proxima Nova Regular', arial;
    text-transform:uppercase;
    display:block;
}
.contactContent img{
    position:relative;
	display: block;
    margin:0 auto;
    margin-bottom:-17px;
}
.contactContent a.button{
    font-size:14px;
    max-height:31px;
    min-height:10px;
    max-width:118px;
    min-width:100px;
    margin-right:7px;
    margin-top:0px;
	alignment-adjust: central;
}
.contactContent a.button span{
	height: 30px;
	padding-top: 6px;
	display: block;
	alignment-adjust: central;
}
.contactContent .impressum{
    margin-top:140px;
    background: url('../img/menuActive.png') bottom center no-repeat;
    padding-bottom:8px;
    font-family: 'Proxima Nova Regular';
    text-transform:uppercase;
    font-size:15px;
    line-height:15px;
    cursor:pointer;
    margin-bottom:50px;
}

.impressumBox{
    width:100%;
    height:100%;
    background-color:#ffffff;
    /*left:25%;*/
    position:absolute;
    z-index:-1;
    opacity:0;
    padding-bottom: 100px;
}
.impressumBoxPhone{
    width:100%;
    height:100%;
    background-color:#ffffff !important;
    /*left:25%;*/
    z-index:-1;
    opacity:0;
    /*padding-bottom: 100px;*/
    margin-top:-100px;
}
.impressumBoxPhone{
    display:none;
    width:136%;
    margin-left:-18%;
}
.impressumBoxPhone.active,
.impressumBox.active{
    z-index:1;
}
.impressumboxTextWrapperPhone,
.impressumboxTextWrapper{
    margin:128px auto;
}
.impressumBoxPhone .impressumboxTextWrapperPhone p.gross,
.impressumBox .impressumboxTextWrapper p.gross{
    font-family: 'Proxima Nova Regular';
    font-size:25px;
    line-height:29px;
    margin:0 0 14px 0;
    text-transform:uppercase;
}
.impressumBoxPhone .impressumboxTextWrapperPhone p.gross{
    padding-top:42px;
}
.impressumBoxPhone .impressumboxTextWrapperPhone p a,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:hover,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:active,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:link,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:focus,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:visited,
.impressumBoxPhone .impressumboxTextWrapperPhone p,
.impressumBox .impressumboxTextWrapper p a,
.impressumBox .impressumboxTextWrapper p a:hover,
.impressumBox .impressumboxTextWrapper p a:active,
.impressumBox .impressumboxTextWrapper p a:link,
.impressumBox .impressumboxTextWrapper p a:focus,
.impressumBox .impressumboxTextWrapper p a:visited,
.impressumBox .impressumboxTextWrapper p{
    font-family: 'Proxima Nova Regular';
    font-size:17px;
    line-height:30px;
    margin:14px 0 66px 0;
}
.impressumBoxPhone .impressumboxTextWrapperPhone p a,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:hover,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:active,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:link,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:focus,
.impressumBoxPhone .impressumboxTextWrapperPhone p a:visited,
.impressumBoxPhone .impressumboxTextWrapperPhone p{
    margin:14px 0 18px 0;
}

.impressumBoxPhone .impressumboxTextWrapperPhone p.klein a,
.impressumBoxPhone .impressumboxTextWrapperPhone p.klein,
.impressumBox .impressumboxTextWrapper p.klein a,
.impressumBox .impressumboxTextWrapper p.klein{
    font-family: 'Proxima Nova Regular';
    font-size:15px;
    line-height:22px;
}
.impressumBoxPhone .impressumboxTextWrapperPhone p.klein a:hover,
.impressumBox .impressumboxTextWrapper p.klein a:hover{
    text-decoration: underline;
}
.ccContainer{
    width:31%;
    height:auto;
    position:relative;
    left:55%;
    margin-left:-21%;
    padding-bottom:42px;
    text-align:center;
}

.page-template-contact-php .page-wrapper .content-area header{
    padding:180px 0 0 0;
}
.page-wrapper .content-area { position: relative; }
div.bgContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
img.bg {
    position:absolute;
    z-index:-1;
    bottom:0;
}
.page-template-contact-php .page-wrapper a.hearts{
    position:absolute;
}

@media all and (max-width: 1200px) {/*ipad querformat*/
    .page-template-contact-php .page-wrapper .content-area header{padding:0 0 28px 0; margin-right:0;}
    .contactContent{margin-right:0}
    img.bg { right:0; }
    .contact{margin:25px 0 25px 0;}
    .productDetail a.anchorInfo{margin:31px auto 32px auto}
}
@media all and (max-width: 768px){/*ipad hochformat*/
    .page-template-contact-php .page-wrapper .content-area header{padding:0 0 28px 0; margin-right:0;}
    .page-template-contact-php{overflow:hidden;}
    .contactContent{margin-right:0; padding-top:22px;}

    .contact{margin:25px 0 25px 0;}
    .contactContent a.button{display:inline-block;}
    .productDetail a.anchorInfo{margin:31px auto 32px auto}
}
@media all and (max-width:767px){

    .page-template-contact-php .page-wrapper .content-area header{display:none;}
    .page-template-contact-php .page-wrapper .content-area .contactContent img{margin-top:36px;}
}
@media all and (max-width: 640px){/*iphone 4 hochformat*/
    .page-template-contact-php .page-wrapper .content-area header{display:block; margin-top:77px;}
    .page-template-contact-php .page-wrapper .content-area .contactContent img{margin-top:36px;}
    .page-template-contact-php .page-wrapper a.hearts{margin-top:54px;}
    /*.contactContent{margin-right:0}*/
    img.bg {display:none;}
    .contact{margin:25px 0 25px 0;}
    .contactContent a.button{display:inline-block; margin-top:0px;}
    .ccContainer{width:100%; margin-left:-50%;}
    .impressumboxTextWrapper{margin:59px auto;}
    .contactContent .impressum{margin-top:9px;}
    .impressumBoxPhone{display:block;}
}

/* about */
.logo-klein{
    background: url('../img/logo_klein.png') center center no-repeat;
    width:99px;
    height:141px;
    position:fixed;
    right:2.03125%;
    top:50%;
    margin-top:-46.5px;
    z-index:1;
    cursor:pointer;
}

.logo-wrapper{
    width:626px;
    height:121px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-313px;
    margin-top:-56.5px;
}
.logo-gross{
    background: url('../img/logo_gross.png') center center no-repeat;
    width:100%;
    height:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    margin-top:-105px;
}
#wrapper{
    height:1960px;
    width:100%;
}
.nachlinksWrapper{
    width:100%;
    height:100%;
}
#front{
    background: url('../img/01.jpg') center center no-repeat;
    width:100%;
    height:100%;
    position:relative;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.page-template-about-php header{display:none}
/*
.page-template-about-php .menuBar{opacity:0; }
*/
.eins, .pic1,
.zwei, .pic2_1, .pic2_2,
.drei,
.vier, .pic4,
.fuenf, .pic5_1, .pic5_2,
.sechs, .pic6,
.sieben, .pic7{
    width:100%;
    height:100%;
    position:relative;

}
.pic1{
    background: url('../img/02.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.pic2_1{
    background: url('../img/03_1.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:50%;
    float:left;
}
.pic2_2{
    background: url('../img/03_2.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:50%;
    float:right;
}
.pic2Text{
    font-family: 'Proxima Nova Regular';
    color: #fff;
    font-size:65px;
    line-height:65px;
    letter-spacing:0;
    top:50%;
    left:50%;
    text-transform:uppercase;
    text-align:center;
    position:absolute;
    z-index:1;
    margin-left:-115px;
}
.pic3_1{
    background: url('../img/04_1.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:50%;
    height:100%;
    float:left;
}
.pic3_2{
    background: url('../img/04_2.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    height:50%;
    width:50%;
    float:right;
}
.pic3_3{
    background: url('../img/04_3.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    height:50%;
    width:50%;
    float:right;
}

.pic4{
    background: url('../img/05.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.pic5_1{
    background: url('../img/06_1.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    float:left;
    width:50%;
}
.pic5_2{
    background: url('../img/06_2.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    float:right;
    width:50%;
}
.pic6{
    background: url('../img/07.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.pic7{
    background: url('../img/08.jpg');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

.acht .textWrapper{
    width:548px;
    height:808px;
    margin:185px 0 74px 0;
    position:relative;
    left:50%;
    margin:185px 0 150px -274px;
    text-align:center;
}
.acht .textWrapper .headline{
    text-transform:uppercase;
    font-family: 'Proxima Nova Regular';
    font-size:82px;
    line-height:85px;
    padding-bottom:32px;
}
.acht .textWrapper p{
    font-family: 'Proxima Nova Regular';
    font-size:19px;
    line-height:29px;
    text-align:center;
    margin:32px auto;
}

.acht .textWrapper p.klein{
    font-family: 'Proxima Nova Regular';
    font-size:15px;
    line-height:20px;
    text-align:center;
    margin:0;
    padding:0 0 78px 0;
}
.acht .textWrapper img{
    margin:0 auto;
    padding:66px 0 10px 0;
}
/*.page-template-about-php .menuBar{
    -webkit-transition:1s all ease-in-out;
    -moz-transition:1s all ease-in-out;
    -o-transition:1s all ease-in-out;
    -ms-transition:1s all ease-in-out;
    transition:1s all ease-in-out;
}*/

.disable{ display:none !important; }

video{
    width:100%;
    height:auto;
    margin: 0;
    padding: 0;
}
.infoboxAboutDiv{
    margin-bottom:0 !important;
}

@media all and (min-width: 641px) and (max-width: 1200px) {/*ipad querformat*/
    .page-template-about-php .logo-wrapper{/*display:none;*/}
    .page-template-about-php .page-wrapper .content-area header{/*position:fixed;*/}
    .pic2Text{margin-left:-132px; top:35%;}
}
@media all and (max-width: 768px){/*ipad hochformat*/
    .page-template-about-php .page-wrapper .content-area header{display:inline-block; width:374px; position:absolute; left:50%; margin-left:-187px;}
}
@media all and (max-width:767px){


}
@media all and (max-width: 640px){/*iphone 4 hochformat*/
.logo-wrapper{
       left:0;
       margin:-100px 0 0 0;
       width: 100%;
   }
   .logo-gross{
       margin:0;
       width: 100%;
       height: 80%;
       background-size: 80%;
   }
   .jcarousel-control-prev { left: 0; top: 30%; background: url('../img/arrowLeft.png') center center no-repeat; }
    .jcarousel-control-next { right: 0; top: 30%; background: url('../img/arrowRight.png') center center no-repeat; }
   .acht .textWrapper{
       width: 80%;
       height: auto;
       margin:0;
       left:50%;
       margin-left:-43%;
       padding:0 5px;
   }
   .page-template-about-php .page-wrapper .content-area header{display:inline-block; width:374px; visibility: hidden; position:absolute; left:50%; margin-left:-187px;}
   .acht .textWrapper .headline{font-size: 60px;line-height: 64px;}
   .logo-klein{display: none;}

   /*.page-wrapper .content-area .lookbook li img{position: static;}*/
}

.productDetailHead .productDescription .share{
margin:0 20px 0 0;
}



body { margin: 0; }
.clear { clear: both; font-size: 1px; line-height: 0; }

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

body {
	margin: 0;
}

.ref img { max-width: 100%; }

.head { position: fixed; background: #fff; z-index: 999; height: 68px; width: 100%; top: 0; opacity: 0.95; }
.head img { margin-top: -6px; width: 40px; height: 40px; }

ul#menu { position: relative; float: right; padding: 0; margin: 0; list-style: none; font-family: 'Proxima Nova Regular', sans-serif; }
ul#menu li { text-align: center; float: left; height: 29px; text-align: center; line-height: 30px; }
ul#menu li:last-child { margin-right: 0; }
ul#menu a { margin: 0 15px 0 15px; color: #000; text-decoration: none; font-size: 11px; }
ul#menu a:hover { border-bottom: 2px solid #000; }
ul#menu a.actif { border-bottom: 2px solid #000; }


@media (max-width: 500px) {
	.header-work h1 { font-size: 22px; letter-spacing: 4px; }
	.header-work h2 { font-size: 9px; }
}

@media (max-width: 500px) { .bigg { font-size: 20px; color: #333; } }

i { font-style: normal; color: #ccc; font-family: 'Proxima Nova Regular', sans-serif; }

.center { text-align: center; }

.marginhead { margin-top: 10px; width: auto !important; }
.margintopp { margin-top: 70px; }

.a-propos { margin-top: 80px !important; }

.details h1 { font-style: normal; color: #ccc; font-family: 'Proxima Nova Regular', sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 0; }
.details { font-style: normal; font-size: 14px; line-height: 22px; }


.h-clients { text-align: center; margin-top: 100px; background: #f5f5f5; color: #fff; }

.h-clients img { width: 100%; max-width: 200px; }

.feed img { width: 100%; }

.speech a { color: #000; }

.marginleft25 { margin-left: 25%; }
@media (max-width: 500px) { .marginleft25 { margin-left: 0; } }