/*new penthouse css*/


/* scroll motion PENTHOUSE42*/
body.penthousenew{
    
    background-color:#f4f4f4;
}

.penthousenew .media-contain .gallery{
    
  height:inherit; 
    
}

.moveIntro{
    
    -webkit-transition: margin 1000ms, opacity 1000ms ;
    -moz-transition: margin 1000ms, opacity 1000ms;
    -ms-transition: margin 1000ms, opacity 1000ms;
    -o-transition: margin 1000ms, opacity 1000ms;
    transition: margin 1000ms, opacity 1000ms;	
    margin-top:50px;
    margin-bottom:-50px;
    opacity:0;
    padding-top:0px;
    padding-bottom:50px;
}

.moveIntro.tranny{
    
    margin-top:0px;
    margin-bottom:0px;
    opacity:1;
    
}

.penthousenew #introCopy p{
    font-family: "museo-sans", sans-serif;
    font-size:1em;
    color:#6a6c78;
    line-height:1.9em;
    padding-bottom:20px;
   
    
}

.penthousenew #introCopy.reverse p{
  
  
    color:#B9B9B9;
   
   
    
}

.penthousenew #introCopy h1{
    line-height:1.3em;
    font-family: "museo-sans", sans-serif;
    font-size:1.8em;
    font-weight:100;
    text-transform:none;
    color:#79a726;
    display:block;
    letter-spacing: 0em;
    
    
margin-top:0px;
opacity:1;
}


.penthousenew .penthouseMovieButton{
    margin-top:-180px; 
    padding-bottom:0px; 
    max-width:1224px;
    
    
}

.penthouse_dig_space2{
    max-width:100%; 
    width:100%; 
    max-height:inherit; 
    position:relative; 
    margin-top:150px;
    
    
}

.penthouse_dig_1 .penthouse_main_green,
.penthouse_dig_1 .penthouse_main_white{
    
    
    -webkit-transition: margin 1500ms ease, opacity 1300ms;
    -moz-transition: margin 1500ms ease, opacity 1300ms;
    -ms-transition: margin 1500ms, opacity 1300ms;
    -o-transition: margin 1500ms, opacity 1300ms;
    transition: margin 1500ms, opacity 1300ms;
   
    margin-top:250px;
    margin-bottom:-250px;
    opacity:0;	
    
    
}

.penthouse_dig_1.tranny .penthouse_main_green,
.penthouse_dig_1.tranny .penthouse_main_white{
    
    margin-top:0px;
    margin-bottom:0px;
    opacity:1;
    
}

.penthouse_dig_1 .penthouse_tag{
    
     -webkit-transition: margin 3000ms ease 500ms, opacity 3000ms ease 500ms;
    -moz-transition: margin 3000ms  ease 500ms, opacity 3000ms ease 500ms;
    -ms-transition: margin 3000ms ease 500ms,  opacity 3000ms ease 500ms;
    -o-transition: margin 3000ms ease 500ms, opacity 3000ms ease 500ms;
    transition: margin 3000ms ease 500ms, opacity 3000ms ease 500ms;
   
    
    margin-top:180px;
    margin-bottom:-180px;
    opacity:0;	
    
    
    
}

.penthouse_dig_1.tranny .penthouse_tag,
.penthouse_dig_1.tranny .penthouse_tag{
    
    margin-top:0px;
    margin-bottom:0px;
    opacity:1;
    
}

.penthouse_greebBox{
    color:#fff;
    text-align:left;
    
    
}

.penthouse_greebBox h3.gBox{
    
    font-size:3em;
    margin-left:60px;
    margin-top:50px;
    margin-bottom:10px;
    
}

.penthouse_greebBox p{
    font-family: "museo-sans", sans-serif !important;
    font-size:1em;
    margin-left:60px;
    margin-right:60px;
    line-height:1.8em;
    color:#fff;
}


.penthousenew .penthouse_greebBox .tanCopyBox{
 
 width:575px; 
 height:300px; 
 background-color:#f4f4f4; 
 position:absolute; 
 right:400px; 
 top:200px; 
    
}

.penthousenew .tanCopyBoxTop{
 
 width:550px; 
 height:75px; 
 background-color:#f4f4f4; 
 position:absolute; 
 right:0px; 
 top:0px;
 z-index:3 
    
}

.penthousenew .penthouse_greebBox .blackCopyBox{
  width:575px; 
 height:300px; 
 background-color:#242121; 
 position:absolute; 
 right:400px; 
 top:200px;    
      
}

.penthousenew .greenInner{
    
width:575px; 
height:300px; 
background-color:#79a726; 
position:absolute; 
right:0px; 
top:0px;  
}

.penthousenew .greenInner .greenStrip{
    
width:100%; 
height:10px; 
background-color:#79a726; 
position:absolute; 
bottom:0px;  
    
}

.penthousenew .greenInner.black{
 background-color:#242121;   
}



.penthousenew .greenMover{
    
    opacity:0;
    margin-top:60px;
    margin-bottom:-60px;
    -webkit-transition: margin 1000ms, opacity 1000ms;
    -moz-transition: margin 1000ms, opacity 1000ms;
    -ms-transition: margin 1000ms, opacity 1000ms;
    -o-transition: margin 1000ms, opacity 1000ms;
    transition: margin 1000ms, opacity 1000ms ;
    

    
}

.penthousenew .greenMover.tranny{
    margin-top:0px;
    margin-bottom:0px;
   opacity:1; 
}


.penthousenew .penthouse_greebBox{
position:absolute; 
bottom:300px; 
width:100%; 
max-width:100%
}

.penthousenew .gallery-container{
    
    max-width:100%; 
    width:100%; 
    overflow:hidden;
}

.penthousenew .greenOut{
    display:none;
}

.penthousenew #bigVbtn{
    
    opacity:0;
}

.penthousenew #bigVbtn:hover{
    
    opacity:1;
}

 #introCopy{
      margin-top:30px;
  }

.penthousenew img.headh3{
    
    width:402px;
    height:auto;
}

.penthousenew .gallery {
  background-color:#FBF8F8;
}

.penthousenew img.headh4{
    
    width:332px;
    height:auto;
    margin-bottom:25px;
    margin-top:0px;
}

.penthousenew img.headh6{
   
    width:238px;
    height:auto;
    margin-bottom:25px;
    margin-top:0px;
}

.penthousenew img.headh8{
    
    width:385px;
    height:auto;
    margin-top:10px;
}

.penthousenew img.headh9{
    
    width:266px;
    height:auto;
  
}

.penthousenew img.titleQuote{
    
 width:675px;
 height:auto; 
  margin-top:0px;  
    
}

.penthousenew img.imgDrawing{
    
 width:85%;
 height:auto; 
  margin-top:100px;
  margin-left:50px; 
    
}


@media (max-width: 768px) {
  /* line 2402, ../_sass/screen.scss 
  
  
  .video-js.vjs-default-skin .vjs-big-play-button { display: none; }*/
  
    .penthousenew .gallery-container.container{
        padding:0px;
    }
  
  #introCopy{
      margin-top:10px;
  }
  
  .hideWhenSmall{
      display:none;
        }
  
  .penthousenew .container{
      
      width:100%;
      
  }
  
  .penthousenew footer .container{
    
    width:85%!important;
    
    
}
  
  .penthousenew img.headh3{
    
    width:302px;
    height:auto;
}

.penthousenew img.headh4{
    
    width:262px;
    height:auto;
    margin-bottom:10px;
    margin-top:20px;
}

.penthousenew img.headh6{
   
    width:248px;
    height:auto;
    margin-bottom:25px;
    margin-top:20px;
}



.penthousenew img.titleQuote{
    margin-top:-30px;
    
 width:310px;
 height:auto;   
    
}

.penthousenew img.imgDrawing{
    
 width:85%;
 height:auto; 
  margin-top:20px;
  margin-left:0px; 
    
}

.penthousenew img.headh8{
    
    width:285px;
    height:auto;
    margin-top:20px;
}

.penthousenew img.headh9{
    
    width:190px;
    height:auto;
  
}

  
  .penthousenew .penthouse_greebBox{
      bottom:-300px; 
     width:100%;
      height:300px;
  }
  .penthousenew .penthouseMovieButton{
      padding:0px;
  }
     
        
        .penthousenew .penthouseMovieButton{
    margin-top:-35px; 
    
        }
        
        .penthousenew #introCopy p{
  
    font-size:.9em;
    color:#6a6c78;
    line-height:1.9em;
    display:block;
    
}
.penthousenew #introCopy h1{
    line-height:1.3em;
  
    font-size:1.3em;
    font-weight:100;
    text-transform:none;
    color:#79a726;
    display:block;
    letter-spacing: 0em;
    
    
margin-top:0px;
opacity:1;
}

.penthousenew .greenInner{
    
width:100%; 
height:300px; 
background-color:#79a726; 
position:absolute; 
right:0px; 
top:0px;  
padding-left:-15px;
padding-right:-15px;
}

.penthousenew .greenOut{
    display:block;
    
width:100%; 
height:inherit;
background-color:#79a726; 
padding-bottom:30px;



}


.penthouse_dig_space2{
    max-width:100%; 
    width:100%; 
    max-height:inherit; 
    position:relative; 
    margin-top:20px;
    
    
}



.penthousenew .greenOut .outerHeadline{
    margin-top:30px; 
    margin-left:20px;
}

.penthousenew .greenOut p{
    
color:#fff;
margin-left:20px;
margin-right:20px;  
    
}

.penthousenew .greenOut.black p{
    
   color:#BDBBBB; 
}

.penthousenew .slick-prev{
    left:initial;
    right:48px;
    bottom:-20px;
  
    
}

.penthousenew .slick-next{
 
    bottom:-20px;
    left:initial;
    right:0px;
   
    
}

.penthousenew .sub .content{
    
 padding:0px;   
}


}

/*stuff for new nav*/

.nav ul li a {
  font-size: 12px !important;
  color:#9D9A9A;
  padding-left:10px;
}

.nav ul li.item a {
  font-size: 13px !important;
  color:#000;
  padding-left:0px;
}

/* line 122, ../_sass/screen.scss */
.nav ul {
 
  display: block;
  margin-bottom: 0px;
  margin-left: 0;
}

/* line 130, ../_sass/screen.scss */
.nav ul li a {
  font-family: "museo-sans", sans-serif !important;
  width: 90%;
  border-bottom: 1px solid #353434;
  text-align: left;
  line-height: 18px;
  color: #525151;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0px 10px 5px;
}
/* line 141, ../_sass/screen.scss */
.nav ul li a:hover {
  background-color: transparent !important;
  color: #7aa632;
  text-decoration: none;
}
