@charset "utf-8";
/* CSS Document */

@font-face
{
    font-family: 'Letter Gothic Std';
    src: url('../fonts/LetterGothicStd.eot');
    src: url('../fonts/LetterGothicStd.otf') format('opentype');
    src: url('../fonts/LetterGothicStd.woff');
    font-weight:normal;
}

html { height:100%; }
body { margin: 0; height:100%; font-family: 'Letter Gothic Std', sans-serif; }

#home { height:100%;max-height:100%;overflow:hidden;background-color:#000; text-align:center; }
#background { width:100%; height: auto; opacity: 0; filter: alpha(opacity = 0); position:relative; }
#background.gallery { width:100%; height: auto; }
#background.gallery { height:100%; width: auto; }


a img { border: none; }

#nav { position: absolute; z-index:40; top: 8%; margin-top:-27px; left: 50px; background-image:url(../images/spacer.png); background-repeat: repeat; }

@media only screen and (max-width: 1300px) {
	body.bgwhite #nav li { background-color: #fff; }
	body.bgwhite #journal_top { background-color: #fff; }
	body.bgblack #nav li { background-color: #000; }
}

body.menubg.bgblack #nav li { background-color: #000; transition: ease 0.4s; }
body.menubg.bgwhite #nav li { background-color: #fff; transition: ease 0.4s; }

#logo { opacity:0; filter: alpha(opacity = 0); }

#menu a:link, #menu a:visited, #menu a:hover { text-decoration:none; }

body.bgblack #menu a { color:#ffffff; transition: ease 0.3s; }
body.bgwhite #menu a { color:#000000; transition: ease 0.3s; }

a.comingsoon { display:none; }

#menu li:hover a.link_catalogue { display:none; }
#menu li:hover a.comingsoon { display:inline; }

#menu li:hover > a { color:#569dba; transition: ease 0.3s; }
#menu li li:hover a { color:#569dba; transition: ease 0.3s; }

#menu { text-align:center; display:none; margin-top: 70px; font-family: 'Letter Gothic Std', sans-serif; font-size:13px; }

#menu > ul { list-style:none; margin:0px; padding:0px; }
#menu > ul > li { position:relative;padding-top:7px;padding-bottom:7px; }

#menu > ul > li > ul { list-style:none; width:500px; margin:0px; padding:0px; position: absolute; margin-top:-60px; left:100px; display:none; padding-bottom:60px;padding-top:60px; padding-left:15px; padding-right:60px; }
#menu > ul > li > ul > li { float:left; position: relative; top: -7px;padding-left:15px; padding-right:15px; padding-top:7px;padding-bottom:7px; background-image:url(../images/spacer.png); background-repeat: repeat; }

#nav:hover #menu { display:block; }
#menu:hover { display:block; }

#menu > ul > li:hover > ul { display:block; }
#menu > ul > li > ul:hover { display:block; }

#collection { position:absolute; z-index: 10; height: 20%; bottom:0px; background-color:#000; color:#fff; width:100%; display:none; z-index:60; font-family: Courier, "Courier New", monospace; font-size: 15px; }
#collection img.close { position: absolute; left:50%; margin-left:-21px;top:-21px;z-index:20; }
#collection > div { position: absolute; top: 50%; left:50%; margin-top:-42px; margin-left:-420px; }
#collection ul { margin: 0 auto;list-style:none; overflow:auto; }
#collection ul li { display:inline; float:left; color:#fff; height:40px;line-height:40px;border-right:solid 1px #fff; padding-left:50px;padding-right:50px; }
#collection ul li input { background-color:transparent; border:none;font-family: Courier, "Courier New", monospace; font-size: 15px; color:#fff; }
#collection ul li input.name {  width:80px; }
#collection ul li input.surname {  width:80px; }
#collection ul li input.email {  width:150px; }
#collection ul li input.submit { width:150px; font-weight:bold; color:#d2a622; text-decoration: underline; }
#collection ul li input.submit:hover { cursor:pointer; }

#collection #enter_code input.code { background-color:transparent; width:140px; border: solid 1px #333;font-family: Courier, "Courier New", monospace; font-size: 15px; color:#fff; text-align:center; }
#collection #enter_code input.submit { border-color:#666;background-color:#333; padding-left:20px;padding-right:20px;font-family: Courier, "Courier New", monospace; font-size: 15px; color:#fff; text-align:center; }
#collection #enter_code { margin-top:30px; }

#collection ul li input::-webkit-input-placeholder { color:#fff; }
#collection ul li input::-moz-placeholder { color:#fff; } /* firefox 19+ */
#collection ul li input:-ms-input-placeholder { color:#fff; } /* ie */
#collection ul li input:-moz-placeholder { color:#fff; }

#topbar { position: absolute; z-index: 20;height: 16%; top:0px; width:100%; background-color: #fff; display:none; }
#topbar .season { position: absolute; top:50%; right:80px; margin-top:-8px; margin-left: -62px; }

#bottombar { position: absolute; z-index: 20;height: 16%; bottom:0px; width:100%; background-color: #fff; display:none; }

#arrow_left { display:none; position: absolute; top:50%; left:30px; margin-top: -33px; }
#arrow_right { display:none; position: absolute; top:50%; right:30px; margin-top: -33px; }

#journal { font-family: 'Letter Gothic Std', sans-serif; font-size:18px; display: none; }
#journal .main { display:none; position: absolute; height: 400px; top: 50%; margin-top: -280px; text-align:center; width:100%; }

#journal .top { position: absolute; z-index: 20;height: 16%; top:0px; width:100%; }
#journal .top .title { position: absolute; top:50%; right:80px; margin-top:-12px; margin-left: -26px; opacity:0; filter: alpha(opacity = 0); }

#journal .main > div { width:1030px; margin: 0 auto; overflow:auto; }
#journal .main div { font-family: 'Letter Gothic Std', sans-serif; font-size:18px; }
#journal .main div a:link, #journal .main div a:visited { color: #1892a0; text-decoration: underline; }
#journal .main div div { padding-left: 25px; margin: 0 auto; width:680px; }

#mainstockists {  font-family: 'Letter Gothic Std', sans-serif; font-size:14px; display:none; }
#mainstockists .main { display: none; position: absolute; height: 50px; top: 50%; margin-top: -25px; text-align:center; width:100%; line-height:1.7; }
#mainstockists .top { position: absolute; z-index: 20;height: 16%; top:0px; width:100%; }
#mainstockists .top .title { position: absolute; top:50%; right:80px; margin-top:-12px; margin-left: -26px; opacity:0; filter: alpha(opacity = 0); }
#mainstockists a:link, #mainstockists a:visited, #mainstockists a:hover { text-decoration:underline;color:#000; }

#videos {  font-family: 'Letter Gothic Std', sans-serif; font-size:14px; display:none; }
#videos .main { display: none; position: absolute; top: 50%; margin-top: -150px; text-align:center; width:910px; left:50%; margin-left:-455px; line-height:1.7; }
#videos .main .thumb { background-color: #000; border:solid 1px #fff; }
#videos .main .thumb:hover { border:solid 1px #000; }
#videos .main .slider { display: none; }
#videos .main .slider.slick-slider { display: block; }
#videos .main .slick-slide { text-align: center; }
#videos .main .slick-slide > a { position:relative; }
#videos .main .slick-slide > a > div > img.play { position:absolute; left:50%; top:50%; margin-left:-23px;margin-top:-23px; }

#videos .slick-prev, #videos .slick-next {
  width:33px;
  height:65px;
  margin-top: -32.5px;
  color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}
#videos .slick-disabled {
  opacity: 0.3;
}
#videos .slick-prev {
  left: -100px;
  background-image: url('../images/arrowleft_blackbg.png');
}
#videos .slick-next {
  right: -100px;
  background-image: url('../images/arrowright_blackbg.png');
}
#video_popup { margin: 0 auto; cursor: pointer; }
.inline-block { display: inline-block; }

#videos .top { position: absolute; z-index: 20;height: 16%; top:0px; width:100%; }
#videos .top .title { position: absolute; top:50%; right:80px; margin-top:-12px; margin-left: -26px; opacity:0; filter: alpha(opacity = 0); }
#videos a:link, #videos a:visited, #videos a:hover { text-decoration:underline;color:#000; }

#contacts { display: none; position: absolute; top:50%; text-align:center; width:800px; left: 50%; margin-left: -400px; overflow:auto; margin-top:-128px; font-family: 'Letter Gothic Std', sans-serif; font-size:14px; line-height:1.7; }
#contacts > div { float: left; width: 400px; }
#contacts > div > div { text-align:left; }
#contacts > div.map_button img { margin-top:76px; }
#contacts a:link, #contacts a:visited, #contacts a:hover { color: #000; }

#button_toggle { position : absolute; right: 3%; bottom: 4%; z-index: 80; display:none; cursor:pointer; }

.gallery-transform {
  transform: rotate(-45deg) scale(0.01) skew(27deg, 14deg) translateX(800px);
  opacity: 0;
  transition: opacity 0.4s;
}
.gallery-transform-on {
  transform: rotate(0deg);
  opacity: 1;
  transition: transform 0.8s, opacity 0.4s;
}

.ytp-pause-overlay {
  display: none;
  opacity: 0;
}
.ytp-pause-overlay.ytp-scroll-min {
  display: none;
  opacity: 0;
}