﻿.custom-content { 
    position:absolute;
    z-index:-1000;
    width:100%;
    opacity:0;
    transition:all .7s;
    transform:scale(.5);
    padding-top:50px
}

.custom-content.opened { 
    transform:scale(1);
    opacity:1
}

.custom-content .vcenter { 
    margin:auto 0;
    display:block;
}

.custom-content-close { 
    cursor: pointer;
    position:fixed;
    right: 20px;
    top:20px;
}

.extra-buttons { 
    z-index:100;
    position: fixed;
    width: 790px;
    left: 50%;
    transform: skewX(-17deg);
    margin-left: -395px;
    bottom:55px;
}
.custom-link { 
    padding: 10px 25px;
    border-bottom: 2px solid #f4cf59;
    border-top: 2px solid #f4cf59;
    color: #f4cf59;
    background: rgba(29, 12, 26, 0.82);
    transition: all .3s ease;
    margin-bottom: 10px;
}
.custom-link.active, .custom-link.active:hover { 
    color: rgb(29, 12, 26);
    background: #f4cf59;
}
.custom-link:hover, .custom-link:focus { 
    color:#fff;
    text-decoration:none;
    background:rgba(255, 255, 255, 0.23);
}

/* Gallery */
#gallery .wrapper .inner a {
    padding-bottom:25px;
}

#gallery .wrapper .inner a img {
    height:170px;
    transition:all .4s ease;
}

#gallery .wrapper .inner a img:hover {
    opacity: .6;
    transform: scale(.9);
}

/* floor plans */
#floor-plans { }
#floor-plans .plan-wrapper { 
    margin-bottom: 20px;
}
#floor-plans .plan-wrapper .plans {
    margin-top:15px;
}
#floor-plans .plan-wrapper .plans .plan-item { }
#floor-plans .plan-wrapper .plans .plan-item .plan-title { 
    text-align: center;
    padding: 35px 20px;
    width: 100%;
    border: 1px solid #fbc84d;
    display: block;
    font-size: 24px;
    font-weight: bold;
    transition:.5s ease all;
    color: #FFF;
    background:rgba(22, 14, 21, 0.66);
}
/*#floor-plans .plan-wrapper .plans .plan-item .plan-title.special { 
    border-color: #fbc84d;
    color: #fbc84d;
    background:rgba(22, 14, 21, 0.66);
}*/
#floor-plans .plan-wrapper .plans .plan-item .plan-title:hover, 
#floor-plans .plan-wrapper .plans .plan-item .plan-title:focus,
#floor-plans .plan-wrapper .plans .plan-item .plan-title.active { 
    text-decoration:none;
    color:#160e15;
    border-color:#fbc84d;
    transform: scale(1.2);
    background:#fbc84d;
}
#floor-plans .plan-wrapper .plans .plan-item .plan-title.active {
    transform: scale(1);
}

#floor-plans .plan-wrapper .plan-contents .plan-content { 
    display:none;
    margin-top:15px;
}


#floor-plans .plan-wrapper .plan-contents .plan-content .content-title {
    text-decoration:none;
}
    
#floor-plans .plan-wrapper .plan-contents .plan-content .content-title .lines { 
    text-align: center;
    padding: 35px 20px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    font-size: 24px;
    font-weight: bold;
    transition:.3s ease all;
    background:rgba(255, 255, 255, 0.05);
    transition:.3s ease all;
}
#floor-plans .plan-wrapper .plan-contents .plan-content .content-title .lines:hover,
#floor-plans .plan-wrapper .plan-contents .plan-content .content-title .lines:focus { 
    background:#160e15;
}
.floor-plan-group h3 { color:#ffc436;font-style:italic;border-bottom:1px solid #ffc436;padding-bottom:10px; }
.floor-plan-group h3 .back { display:none;cursor:pointer;color:#fbc84d;position:absolute;top:0;right:0;}
.floor-plan-group h3 .back:hover { color:#fff;}
.floor-plan-group h3 .back img { height: 22px;transition:.4s ease all; }
.floor-plan-group h3 .back:hover img { margin-right:10px;}
/* nanoscroller */  
/*.nano { background: 0 0; width: 500px; height: 500px; }*/
.nano .nano-content { padding: 10px;width:100%; }
.nano .nano-pane   { background: rgba(255, 255, 255, 0.09) !important; }
.nano .nano-slider { background: rgba(255, 255, 255, 0.84)!important; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

@media only screen and (max-width : 991px) {
    .custom-content { 
        position:relative;
        z-index:1;
        opacity:1;
        transform:scale(1);
        padding-top:50px
    }
    .custom-content-close { display:none; }
}


.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.baris-carousel .slick-slide
{
    display: block;
    float: left;
    height: auto;
    min-height: 1px;
}

.subscribe-paragraphs .kroki { 
    opacity: .8;
    transition: .4s all ease;
}

.subscribe-paragraphs .kroki:hover { 
    opacity: 1;
}