@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proxima-nova/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('../fonts/proxima-nova/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima-nova/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
         url('../fonts/proxima-nova/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
         url('../fonts/proxima-nova/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/didot/Didot-HTF-L16-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Didot Italic';
    src: url('../fonts/didot/Didot-HTF-L16-Light-Ital.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
  font-family: 'Didot';
}
header {
    font-family: 'Proxima Nova';
    font-weight: 600;
    background: #fff;
    position: fixed;
    width: 100%;
    height: 6%;
    top:0; 
    z-index: 9;
}
.show_border {
	border-bottom: 2px solid;
}
.menu_outer_layout {
	width: 100%;
    height: 100%;
    background: #fff;
}
#items_list a{
  font-size: 14px;
}
#logo {
    height: 50%;
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translate(0, -50%);
}
#logo img {
	height: 100%;
  position: absolute;
}
#hum {
    right: 3%;
    width: 25px;
    top: 50%;
    height: 14px;
    position: absolute;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    transform: translate(0, -50%);

}
#hum span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #2b2928;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon 4 */

#hum span:nth-child(1) {
  top: 10%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hum span:nth-child(2) {
  top: calc(10% + 6px);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#hum span:nth-child(3) {
  top: calc(10% + 12px);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#hum.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
}

#hum.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#hum.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
}
#menu_container{
  z-index: 2000;
}
.menu_context {
	position: absolute;
	background: #fff;
    width: 100%;
    top: 100%;
    padding: 25px 0px 2px 0px;
    transform: translate(0, -100%);
    z-index: -1;
    transition: transform 0.6s ease-in-out;
    border-bottom: 2px solid;
}
.open_menu {
	transform: translate(0, -2px);
}
.menu_context_rigth {
  margin-top: 0.2em;
	width: 50%;
    float: right;
}
.menu_context_rigth ul li {
	font-size: 1.1em;
    padding-left: 5%;
    margin-bottom: 1em;
}
.menu_context_left {
	width: 50%;
    float: left;
}
.menu_context_left span {
  font-family: 'Didot';
    font-size: 20px;
    font-weight: bold;
    float: right;
    padding-right: 10%;
    margin-top: 0.2em;
}
ul li a {
	text-decoration: none;
    color: #2a2a00;
}

footer {
  border-top:2px solid;
  height: 6%;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
  z-index: 1;
}


/*
  Projects
*/
#projects {
  display: none;
}
#projects, .press_container {
  padding-top: 6vh;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.proj_image_container{
    width: 17em;
    height: 25em;
    /* position: absolute;
    top:50%;
    transform: translate(0, -50%); */
    /* border: 1px solid black; */
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: cover;

}

.proj_data_container{
  position: absolute;
  /* height: 70%; */
  width: 100%;
  top: 47%;
  transform: translate(0, -53%);
  align-content: center;
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
}
.proj_img_txt{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 1em;
    font-family: 'Didot';
    line-height: 1.1;
    font-style: italic;
}
.last_slide_wrap {
  top: 44%;
  text-align: center;
  position: absolute;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
}
.next_proj {
    text-align: center;
    width: 100%;
    font-size: 0.9em;
}
.next_proj_title{
    font-size: 1.5em;
    margin: 1.5em 0;
}
.next_proj_btn {
    font-size: 1em;
    border: 1px solid;
    display: inline-block;
    padding: 0.7em;
    font-family: 'Proxima Nova';
}
.swiper-pagination-bullet {
    background: #fff!important; 
    border: 1px solid #000000;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #090909 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: 0;
    width: 100%;
    height: 100%;
    top: 96.5%;
    position: fixed !important;
    bottom: none !important;
    z-index: 2;
}

/* .press_container .swiper-container-horizontal>.swiper-pagination-bullets{
  top: 9%;
  height: 16px;
} */


/*
  Press
*/
.press_1{
  background: url(../assets/press/Time_out.jpg)no-repeat center center;
}
.press_2{
    background: url(../assets/press/Gansion_Global_Chandeliers.jpg)no-repeat center center;
}
.press_3{
    background: url(../assets/press/Terry.jpg)no-repeat center center;
}
.press_4{
    background: url(../assets/press/Mako_Kalisher.jpg)no-repeat center center;
}
.press_5{
    background: url(../assets/press/Mansion_global_baby.jpg)no-repeat center center;
}
.press_6{
    background: url(../assets/press/Mako_shmaryahu.jpg)no-repeat center center;
}
  
.press_1, .press_2, .press_3, .press_4, .press_5, .press_6 {
  width: 35vh;
  height: 35vh;
  left: 0;
  right: 0;
  margin: auto;
  background-size: contain;
}
.swiper-slide p {
  margin-top: 3vh;
    z-index: 9;
}
.press_slider_head {
  margin-top: 3em;
}
.press_slider_head h1 {
  text-align: center;
  font-size: 1.8em;
  margin-bottom: 0.5em;
}
.press_slider_head div{
  text-align: center;
  font-style: italic;
  font-family: 'Didot Italic'
}
.press_img_txt {
  text-align: center;
  font: 1em 'Ditot';
}
.press_footer {
  z-index: -1;
}

.swiper-container.swiper_press{
  height: auto;
}

.press_gallery{
  height: calc(100vh - (1.8em + 0.5em + 16px + 6vh + 20vh) - 5vh);
}
.swiper-wrapper.swiper_press{
  height: calc(100vh - (0.5em + 1.8em + 16px + 21vh) - 6vh);
}

.press_image_container{
  border: 1px solid black;
}

.press_slider_img_txt_container{
  display: flex;
  height: 54%;
  justify-content: space-between;
  flex-direction: column;
}

/*
  info section
*/
.contact_container, .info_container {
  /* position: absolute;
  top:6%; */
  height: 88%;
  overflow: auto;
  width: 100%;
}

.info_title {
  margin-top: calc(6% + 3em);

    text-align: center;
    font-size: 2em;
    margin-bottom: 0.4em;
}
.info_subtitle{
    text-align: center;
    font-size: 1.2em;
    font-style: italic;
    font-family: 'Didot Italic';
}
.info_img{
    background: url(../assets/LR_Profile_Image.jpg)no-repeat center center;
    background-size: cover;
    width: 11em;
    height: 11em;
    margin: 2em auto;
}
.info_txt {
    width: 80%;
    margin: auto;
    line-height: 1.2;
    text-align: justify;
    margin-bottom: 20px;
}
.info_links {
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  text-decoration: none;
  font-family: 'Proxima Nova';
  color : black;
}
.info_active {
  text-decoration: underline;
  font-style: italic;
}
.about {
  left: 4%;
}
.contact {
  right: 4%;
}

.contact_container {
  /* display: none; */
  font-size: 1.1em;
  margin-bottom: 20vh;
  margin-top: 20vh;
}
.contact_container > div {
    /* position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0,-50%); */
}
.contact_container span, .contact_container a{
  text-decoration: none;
  color: #050505;
  display: block;
  text-align: center;
} 
.contact_container .info_city{
  padding-top: 3em;
}
.social, .info_city, .form_title {
  font-size: 1.2em;
}
span.info_city{
  margin-bottom: 1em;
}
.info_address {
  margin-bottom: 0.8em;
}
.info_form {
  margin: 2em auto;
}
.info_form {
    margin: 3em auto;
}
.info_form input {
    margin: 1em auto;
    display: block;
}
.social {
  margin-bottom: 1em;
}
#info_email {
    border: 0;
    font-size: 16px;
    border-bottom: 1px solid;
    text-align:center;
}
#info_email:focus {
  outline:0;
}
.info_submit {
  font-style: italic;
}
.contact_container .info_error_txt {
  color: red;
  display: none;
  margin-bottom: 0.5em;
}

/*
  Video (because jwPlayer sucks we goona use a lot of important flags)
*/
.video_title{
    position: absolute;
    z-index: 1;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translate(0.2em, -58%);
    top: 50%;
    pointer-events: none;
}
.video_title h1 {
  font-size: 3.2em;
    letter-spacing: 0.2em;
}
.video_title h2{
    font-size: 3em;
    letter-spacing: 0.1em;
    margin: 0.5em 0 0.7em;
}
.video_title span {
  font-size:16px;
  font-family: 'Proxima Nova';
}

#video_container {
    position: absolute;
    height: 88%;
    width: 100%;
    top: 6%; 
} 
.video_border{
  position: absolute;
  top: 94%;
  border-top: 1px solid black;
  width: 100%;
}

#video_container.site_load{
  border: 8px solid white;
  box-sizing: border-box;
}
.jw-video{
  object-fit: cover !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.jw-icon-display {
  display: none !important;
}
#video_item.jw-flag-touch .jw-controlbar .jw-icon-volume{
  display: none;
}
#video_item .jw-buffer {
  height: 100%;
}
.jw-icon-rewind, .jw-icon-volume, .jw-text-duration {
  display: none !important;
}
.jw-icon-playback{
  display: flex !important;
}

/*#video_item .jw-controlbar{
  background-color:red !important;
}*/
/*#video_item .jw-controlbar {
  display: block !important;
  opacity: 1!important;
}
#video_item .jw-slider-horizontal .jw-slider-container {
    position: absolute!important;
    bottom: 0!important;
    height: 100%!important;
    left: 0!important;
}*/
.jw-slider-time:hover .jw-knob, .jw-slider-time:focus .jw-knob, .jw-flag-dragging .jw-slider-time .jw-knob, .jw-flag-touch .jw-slider-time .jw-knob {
  display: none !important;
}
.jw-slider-horizontal .jw-slider-container {
    height: 1.2em !important;
    width: 100%;
}
.jw-slider-time{
  padding: 0 !important;
  height: 14px !important;

}
.jw-button-container{
  z-index: 9 !important;
    background: #d9d9d9 !important;
    padding: 0;
    margin: 0;
}
/*
  landscape view
*/
@media only screen 
  and (orientation: landscape) {
    header, footer {
      height: 10%;
    }
    #projects {
      height: 80%;
      top: 10%;
    }
    .proj_image_container {
      height: 10em;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
      top: 94% !important;
    }
    .press_slider_head {
      margin: 2em 0;
    }
    .press_1, .press_2, .press_3, .press_4 {
      width: 12em;
      height: 8em;
    }
    .info_form {
      margin: 1em auto;
    }
    .contact_container > div {
      position: absolute;
      width: 100%;
      transform: translate(0, 0); 
      top: 10%;
      padding-bottom: 20px;
      padding-top: 20px;
    }
    #video_container {
      height: 80%;
      top: 10%;
    } 
}

/*OVERLAY*/
.overlay.overlay_is_on{
  background-color: #000000;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  animation: fadeinout 0.6s linear;
}

@-webkit-keyframes fadeinout {
  0% {opacity: 0;}
  100% { opacity: 0.7; }
}

@keyframes fadeinout {
  0% {opacity: 0;}
  100% { opacity: 0.7; }
}

/* FLOATS */
.float_right{
  float: right;
}

/* INQUIRE */

#category_ul, #product_ul{
  font-family: 'Proxima Nova';
}

/* JW-player */
.jwplayer.jw-skin-reikJW .jw-slider-container {
  border-bottom: 5px solid #000000;
}
.jwplayer.jw-skin-reikJW .jw-icon-fullscreen path {    
  display: none;
}
.jwplayer.jw-skin-reikJW .jw-icon-fullscreen {
  background-image: url('../assets/icons/exit-fullscreen-white.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* .jwplayer.jw-skin-reikJW .jw-icon-playback path {    
  display: none;
}
.jwplayer.jw-skin-reikJW .jw-icon-playback {
  background-image: url('../assets/icons/fullscreen-dark.svg');
  background-size: contain;
  background-repeat: no-repeat;
} */


/* VALIDATION */

.email_valid{
  background-color: rgb(237,224,233,0.4) !important ; 
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgb(237,224,233,0.4) inset;
}

/* projects */
#content_wrapper{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.proj_image_container.main_img{
  height: 20.14em;
}

/* DIDOT */
/* h1.didot{
  font-family: 'Didot';
} */

/* IPHONE 5 portrait */
@media only screen  
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
  font-size: 0.8em;
}

div.div_footer{
  border-top: 2px solid;
  height: 6%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 0;
}

.flex_container_press{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.location{
  text-align: center;
  font-family: 'Didot';
  font-style:  Italic;
  font-size: 0.9em;
  margin: 0 auto;
  margin-top: 3%;
}

.video_title img{
  display: block;
  margin: 0 auto;
  margin-bottom: 1em;
}