body{
    font-family: roboto!important;
background-color: transparent!important;
 font-size:16px!important;
font-weight:300;
line-height:1.457;
}
a:link{color:#296276;text-decoration:none;}
a:visited{color:#6BABC3;text-decoration:none;}
a:hover{color:#6BABC3;text-decoration:none;}
a:active{color:#6BABC3;text-decoration:none;}
.pagetext{
  color:#C3996B;
   
    text-transform:uppercase;
    font-size: 18px;
    font-weight: 400!important;
    line-height: 27px;
    text-align: left;
    padding-left:40px;
}
.pagetextblue{
   color:#296276;
    text-transform:uppercase;
    font-size: 18px;
    font-weight: 400!important;
    line-height: 27px;
    text-align: left;
    padding-left:40px;
}
h4.blue{
    line-height: 17px;
    color: #296276;
   font-size:14px;
  font-weight:400;
letter-spacing:1px;
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
.g{
  cursor:pointer;
 
  margin-top:84px;
  width:14px;

}
.h4-ap{color: #754C28;
    font-family: roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
margin-bottom:20px;
margin-top:50px;
    letter-spacing: 2px;
    line-height: 22px;
    padding: 0px;}
.g.prev{float:left;}
.g.next{float:right;}


.gallery-index{
   border:0px solid #C3996B;
  overflow:hidden;
  margin:auto;
  height:250px;
padding-top:22px;
padding-left:15px;
padding-right:15px;
max-width:960px;

}
.g-line{
width:40%;
border-top:1px solid #C3996B;
height:2px;
margin-top:0px;
}
.gallery-container h3{
   color:#775735;
 background-color: #f7f5f3;
font-size:28px;
width:auto;
margin:auto;
margin-top:-18px;
margin-bottom:8px;
text-align:center;
    letter-spacing: 3px;
    position: absolute;
    top: 51px;
  font-weight:400;
 left:calc(50% - 85px);
}
.gallery-container{
   background-color: #f7f5f3;
 position:relative;
padding-top:00px;
padding-bottom:50px;
margin-top:-3px!important;
min-height: 550px;
padding-left:1rem;
padding-right:1rem;
}
.w-auto{
 width:auto!important;
}
.w-1024{
 max-width:1024px;
}
.apartman-select{
   max-width:1024px;
  position:relative;
  margin:auto;
}
.MenuBar a:hover{
    text-decoration:none;
}

.covertext{
   position:fixed;
z-index:20000;
   border-top:solid white 40px;
top:0px;   
width:100%;
   background-image: linear-gradient(to bottom,#FFFFFF 20%,rgba(255,255,255,0) );
 
    padding-bottom:25px;
}
.kontakt b{
 color:#775735;
}

h4.kontakt{
    color: #6BABC3;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;

    padding: 0px;
   margin-top:40px;
   margin-bottom:40px;
}
.minheight{
  min-height:45vh;
margin-top: 120px;
margin-bottom:100px;
background-color:transparent!important;
}
h1{
    color: #775735;
    font-family: roboto, sans-serif;
    font-size: 44px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: left;
}
h1.h2a {
    font-size: 30px;
}
h2{
letter-spacing: 5px;
font-size:26px!important;
font-family: roboto, sans-serif;
color:#775735;
text-align:center;
font-weight:400!important;
padding-left:40px!important;
}
.poh img{
  width:100%;
}
h4{
    color: #754C28;
    font-family: roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0px;
}
h5{
    color: #754C28;
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0px;
  text-align:center;
 margin:2rem!important;
}
.minheight p{
   font-weight: 300;
    padding-bottom:20px!important;
 line-height:120%;
}

.cf2{ color:#775735;}
.cf3{ color:#c3996b;}
.cf4{ color:#6babc3;}
.cf5{ color:#296276;}
.cf6{ color:#ffd4ap;}
.cf7{ color:#f7f6f4;}
.cf1{ color:#ffffff;}
.cf0{ color:#000000;}

.cb2{ background-color:#775735;}
.cb3{ background-color:#c3996b;}
.cb4{ background-color:#6babc3;}
.cb5{ background-color:#296276;}
.cb6{ background-color:#ffd4ap;}
.cb7{ background-color:#f7f6f4;}
.p-text-footer a{color:#FFFFFF!important;font-family:roboto, sans-serif;font-size:12px;font-weight:300;letter-spacing:1px;line-height:16px;padding:0px;}


.topimage{
  height:495px;
  background-position:center center;
background-repeat: no-repeat;
background-size:cover;
top:43px;
position:relative;
margin-bottom:-30px;
}
#embed{
  max-height:600px;
  height:auto ;
}
.stripe5{
  background-color:#f7f6f4;
background-image:url("images/stripe_5.svg");
background-repeat: no-repeat;

background-position:center bottom;
padding-top:50px;
padding-bottom:100px;
}
.stripe1{
background-image:url(images/stripe_1.svg);
background-repeat: no-repeat;

background-size: 1600px;
    background-position: center top;
    z-index: 152;
    padding-top: 0px;
    margin-top: -18px;
    width: 100%;
    height: 300px;
    position: absolute;
}
.coverlayer .stripe1{
   margin-top:-40px;
}
.apart.stripe1{
   margin-top:-107px;
}
.vyber.button:hover{
    background-color:#6BABC3;
    text-decoration:none;
  border: 1px solid #6BABC3;
}    
.rez.button{
    color: #296276;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display:block;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px 10px 10px 15px;
    min-height: 23px;
    line-height: 17px;
    width: 180px;
    border:1px solid  #296276;
    transition-duration: 1s;
    transition-timing-function: ease;
    border-radius: 3px;
   background-color:white;
}   
.white.button{
    color: #296276;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display:block;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
    padding: 10px 10px 10px 15px;
    min-height: 23px;
    line-height: 17px;
    width: 180px;
    border:1px solid  #296276;
    transition-duration: 1s;
    transition-timing-function: ease;
    border-radius: 3px;
   
}
.white.button:hover{
     background: #6BABC3;
     color:white;
     text-decoration:none;
     border:1px solid  #6BABC3;
}
                  
.vyber.button{
    color:white;
   
    background-color: #296276;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    font-family: roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    padding: 13px 10px 10px 10px;
    min-height: 23px;
    line-height: 17px;
      transition-duration: 0.5s;
     border: 1px solid #296276;
     border-radius: 3px;
      margin:auto;
    margin-top: 31px;
    width: 180px;
    height: auto;
     
  }
.stripe2a{
   background-image:url(images/stripe_2d.svg);
background-width:100%;
background-position:top;
}
.stripe2{
   background-image:url(images/stripe_2d.svg);
  background-position:center bottom;;
  background-repeat: no-repeat;
  background-size:1600px;
  
  z-index:30;
  margin-top: -60px;
  padding-bottom:100px;
  padding-top:50px;
}
.stripe3{
background-image:url(images/stripe_3.svg);
background-repeat: no-repeat;
background-size: 1600px;
background-position:center bottom;
padding-bottom:100px;
padding-top:0px;

}
.index-text{
font-size:20px;
max-width:1000px;
color:#7F7F7F;
text-align:center;
margin:auto;
padding:30px;
line-height: 30px;
}


@media (min-width: 1600px)  {
    .stripe2{
background-size:100%;
    }
 .stripe1{
background-size:100%;
    }
 .stripe3{
background-size:100%;
    }
}



@media (max-width: 1200px)  {
   
}
@media (max-width: 1400px)  {
    .topimage{
           margin-bottom:10px!important;
    }
 .stripe1{
     margin-top:-70px;
  
}
}

@media (min-width: 1600px)  {
.minheight{

margin-top: 8%;
}
}
@media (min-width: 1024px)  {
       .container {

}

.coverlayer .middle{
   
 
   top:340px!important;
}
}

@media (min-width: 1025px)  {
 .coverimg{
          height:960px;
    }
}
@media (max-width: 1024px)  {

  .gallery-index{
      width:738px;
 }
 .coverimg{
          height:710px;
    }
    .container {
        width: 100%!important;
        max-width: 100%!important;
    }
.coverlayer {
    padding-bottom: 15%!important;
}


    .flexbox{
        min-height:400px!important;
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
   .flexbox:hover{

}
   .flexbox:hover .button{
   bottom:24px;
}
 .topimage{
           margin-bottom:30px!important;
    }


.coverlayer .middle{
   
   position: absolute;
   width:100%;
   top:224px!important;
}
}
@media (max-width: 767px)  {
  .nav-text{display:none}
    .flexbox{
        min-height:auto!important;
        padding-left: 30px;
        padding-right: 30px;
        width:95%!important;
        left:5%!important;
    }
  .gallery-index{
      width:518px;
 }
 .stripe1{
     margin-top:-60px;
 
}
.apart.stripe1{
   margin-top:-120px!important;
}
.coverlayer .middle{
   
   
   top:239px!important;
}

     .topimage{
           margin-bottom:50px!important;
    }
     .middle h1{
            font-size:44px!important;;
      }
      .middle h2{
            font-size:30px!important;;
      }
      
      
}
@media (min-width: 577px)  {
      .container{
   padding-left:3rem!important;
padding-right:3rem!important;
}
}
@media (max-width: 576px)  {
     table{
font-size:11px;
}
      .container{
   padding-left:15px!important;
padding-right:15px!important;
}
  .gallery-index{
      width:300px;
 }
      .xs-center{
            text-align:center!important;
            margin:auto;
      }
      .xs-center img{
            float:none;
      }
     .coverlayer .middle{
            top:18vh!important;
      }
     h1{
            font-size:36px!important;
      }
h1.h2a {
    font-size: 30px!important;
      
}
      .middle h1{
            font-size:36px!important;
      }
      .middle h2{
            font-size:18px!important;;
      }
      .apart.stripe1{
   margin-top:-107px!important;
}
      .topimage{
           margin-bottom:50px!important;
            height:300px;
   }
.stripe1{
     margin-top:-80px;
 
}

}

@media (max-width: 330px)  {
  .coverlayer .middle{
            top:24vh!important;
      }
}


html{min-height:100%;min-width:100%;-ms-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:transparent;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;background-repeat:no-repeat;}
button.submit-btn{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.transition{-webkit-transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;transition-property:background-image,background-position,background-color,border-color,border-radius,color,font-size,font-style,font-weight,letter-spacing,line-height,text-align,box-shadow,text-shadow,opacity;}

.transition *{-webkit-transition:inherit;transition:inherit;}
table{border-collapse:collapse;border-spacing:0px;}
fieldset,img{border:0px;border-style:solid;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}

caption,th{text-align:left;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
.form-grp input,.form-grp textarea{-webkit-appearance:none;-webkit-border-radius:0;}
body{font-family:Arial, Helvetica Neue, Helvetica, sans-serif;text-align:left;font-size:14px;word-wrap:break-word;text-rendering:optimizeLegibility;-moz-font-feature-settings:'liga';-ms-font-feature-settings:'liga';-webkit-font-feature-settings:'liga';font-feature-settings:'liga';}

a.nontext{color:black;text-decoration:none;font-style:normal;font-weight:normal;}
.normal_text{color:#000000;direction:ltr;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;letter-spacing:0px;line-height:17px;text-align:left;text-decoration:none;text-indent:0px;text-transform:none;vertical-align:0px;padding:0px;}
.p-menu-wht{color:#FFFFFF;font-family:roboto, sans-serif;font-size:16px;font-weight:400;text-align:center;padding:0px;}
.h1-hero{color:#FFFFFF;font-family:roboto, sans-serif;font-size:48px;font-weight:900;letter-spacing:1px;text-align:center;padding:0px;}

.h2-hero{color:#FFFFFF;font-family:roboto, sans-serif;font-size:36px;font-weight:400;letter-spacing:1px;text-align:center;padding:0px;}
.h4-teas{color:#754C28;font-family:roboto, sans-serif;font-size:18px;font-weight:400;padding:0px;}
.p-text{color:#7F7F7F;font-family:roboto, sans-serif;font-size:16px;font-weight:300;padding:0px;}
.p-button{color:#6BABC3;font-family:roboto, sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-align:left;padding:0px 0px 0px 15px;}
.p-menu-footer{color:#FFFFFF;font-family:roboto, sans-serif;font-size:12px;font-weight:300;text-align:center;padding:0px;}
.h4-footer{color:#C3996B;font-family:roboto, sans-serif;font-size:12px;font-weight:400;padding:0px;}
.p-text-footer{color:#FFFFFF;font-family:roboto, sans-serif;font-size:12px;font-weight:300;letter-spacing:1px;line-height:16px;padding:0px;}
.list0 li:before{position:absolute;right:100%;letter-spacing:0px;text-decoration:none;font-weight:normal;font-style:normal;}
.rtl-list li:before{right:auto;left:100%;}
.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before{margin-right:6px;content:'•';}
.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before{margin-right:6px;content:'○';}
.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8{padding-left:34px;}
.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list{padding-left:0px;padding-right:34px;}
.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before{margin-right:6px;content:'-';}
.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before{margin-right:0px;margin-left:6px;}
.TabbedPanelsTab{white-space:nowrap;}
.MenuBar .MenuBarView,.MenuBar .SubMenuView{display:block;list-style:none;}
.MenuBar .SubMenu{display:none;position:absolute;}
.NoWrap{white-space:nowrap;word-wrap:normal;}
.rootelem{margin-left:auto;margin-right:auto;}
.colelem{display:inline;float:left;clear:both;}
.clearfix:after{content:"\0020";visibility:hidden;display:block;height:0px;clear:both;}
*:first-child+html .clearfix{zoom:1;}
.clip_frame{overflow:hidden;}
.popup_anchor{position:relative;width:0px;height:0px;}
.allow_click_through *{pointer-events:auto;}
.popup_element{z-index:100000;}
.svg{display:block;vertical-align:top;}
span.wrap{content:'';clear:left;display:block;}
span.actAsInlineDiv{display:inline-block;}
.position_content,.excludeFromNormalFlow{float:left;}
.preload_images{position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px;}
.preload{height:1px;width:1px;}
.animateStates{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
[data-whatinput="mouse"] *:focus,[data-whatinput="touch"] *:focus,input:focus,textarea:focus{outline:none;}
textarea{resize:none;overflow:auto;}
.allow_click_through,.fld-prompt{pointer-events:none;}
.wrapped-input{position:absolute;top:0px;left:0px;background:transparent;border:none;}
.submit-btn{z-index:50000;cursor:pointer;}
.anchor_item{width:22px;height:18px;}
.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block{display:block;}
.widget_invisible,.js .invi,.js .mse_pre_init{visibility:hidden;}
.ose_ei{visibility:hidden;z-index:0;}
.no_vert_scroll{overflow-y:hidden;}
.always_vert_scroll{overflow-y:scroll;}

.always_horz_scroll{overflow-x:scroll;}
.fullscreen{overflow:hidden;left:0px;top:0px;position:fixed;height:100%;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.fullwidth{position:absolute;}
.borderbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.scroll_wrapper{position:absolute;overflow:auto;left:0px;right:0px;top:0px;bottom:0px;padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;}
.browser_width > *{position:absolute;left:0px;right:0px;}
.grpelem,.accordion_wrapper{display:inline;float:left;}
.fld-checkbox input[type=checkbox],.fld-radiobutton input[type=radio]{position:absolute;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);height:1px;width:1px;margin:-1px;padding:0px;border:0px;}
.fld-checkbox input[type=checkbox] + label,.fld-radiobutton input[type=radio] + label{display:inline-block;background-repeat:no-repeat;cursor:pointer;float:left;width:100%;height:100%;}
.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help{cursor:pointer;}

.superscript{vertical-align:super;font-size:66%;line-height:0px;}
.subscript{vertical-align:sub;font-size:66%;line-height:0px;}
.horizontalSlideShow{-ms-touch-action:pan-y;touch-action:pan-y;}
.verticalSlideShow{-ms-touch-action:pan-x;touch-action:pan-x;}

.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img,.css_verticalspacer .verticalspacer{position:relative;}
.popup_element.Inactive,.js .disn,.js .an_invi,.hidden,.breakpoint{display:none;}



@media screen and (-webkit-min-device-pixel-ratio:0){body{text-rendering:auto;}
}



/* scroll */
.scroll{
 display:none;
position: fixed;
    padding: 17px;
    z-index: 999;
    display: inline-block;
    background: rgba(195,153,107, 1);
    border: 0px solid rgba(56,56,56, 1);
    outline: none;
    font-size: 14px;
    text-decoration: none !important;
    color: rgb(255,255,255);
    border-radius: 0px;
    transition: visibility 1s, opacity 1s;
    font-family: Source Sans Pro, Arial, sans-serif;
    width: 50px;
    height: 50px;
    text-align: center;
    transition-delay: 0s;
}
.scroll-arrow::after{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgb(255,255,255);
    border-right: 2px solid rgb(255,255,255);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle;
}




/*footer*/
.footer-nav{
  color:white!important;
  margin-left:20px;
 text-align:right;
 transition-duration: 0.3s;
}
.footer-nav:hover{
  color:#C3996B!important;
}
.h4-footer{
  letter-spacing: 0px;
}
.footer{
        color: #FFFFFF;
        font-family: roboto, sans-serif;
        font-size: 12px;
        font-weight: 300;
        
        line-height: 16px!important;
        background-color: #775735;
}
.footer-logo{
        max-width: 145px;
        
}
.footer p{
         letter-spacing: 1px;
}
.footer-fb:hover{
opacity: 1;
 transition-duration: 1s;
    transition-timing-function: ease;
    transition-delay: 0s;
 background-position:0px -23px;
}
.footer-fb{
    border-width: 1px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition-duration: 0s;
    border-color: #FFFFFF;
    opacity: 1;
    border-style: solid;
    border-radius: 50%;
    width:30px;
    height:30px;
    float:right;
    margin-right:15px;
   margin-top:-7px;
    padding-top:4px;
  background-repeat:no-repeat;
 background-position:0px 1px;;
 background-size:28px 50px;
background-image:url(images/Facebook.svg);
}
.footer-copy{
   
   
}
.footer-copy div{
     color: #C3996B;
}

@media  (max-width:576px) {

.footer .container{
  padding:0px!important;
}
.footer-fb{
  margin:auto;
   display:block;
float:none;
}
.footer-nav{
     width:100%;
     display:block;
     text-align:center!important;
     margin-bottom:8px;
    margin-left:0px;
}

}

@media (min-width:992px) and (max-width:1024px) {
 .f-logo{
padding-left:50px;
flex: 0 0 20%;
    max-width: 20%;

}
.MenuBar{
margin-right:30px!important;
}
.footer-fb{
margin-right:45px!important;
}
}

.small .nav-text{
display:none;
}
 .nav-text{
font-size:12px;
color:#775735;
letter-spacing:1px;
}

.arrw{
 background-image:url(images/arrow_menu_down_brwn.svg);
 width:14px;
height:12px;
 background-size:100%;
 display:inline-block; 
}
.close_button{
  cursor:pointer;
    position: relative;
    margin:auto;
width: 30px;
    height: 30px;
   margin-top:50px;
margin-bottom:50px;
 
   background:transparent;
}
.close_button.ani img{
   -webkit-animation:spin 0.5s linear ;
    -moz-animation:spin 0.5s linear ;
    animation:spin 0.5s linear ;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);   transform-origin: 50% 50%!important; } }

.bs-popover-bottom .arrow::after{
border-bottom-color:#775735!important;
}
.popover-body{
  padding-top:0px!important;
  padding-bottom:0px;
}

#sub-projekt{
  background-color:#775735;
    position:absolute;
   right:567px;
    top:35px;
    padding-top:10px;
    padding-bottom:10px;
 padding-right:12px;
   left:auto!important;
    background:white;
    color:white;
   display:none;
    border-radius: .0rem;
 border:0px!important;
    width: 195px;
}
#sub-apartmany{
  background-color:#775735;
    position:absolute;
   right:366px;
    top:35px;
    padding-bottom:10px;
padding-top:10px;
   left:auto!important;
    background:white;
    color:white;
   display:none;
    border-radius: .0rem;
 border:0px!important;
    width: 174px;
}
#sub-apartmany a{
   padding:5px!important;
}
.small #sub-apartmany{
right: 343px;
}
.small #sub-projekt{
right: 562px;
}
@media (max-width: 1199px)  {
#sub-apartmany{
display:none!important;
  position:relative!important;
border:0px;
background:transparent;
   right:0px;
    top:0px;
margin-left:auto;
margin-right:auto;
}
.arrow{display:none!important}
#sub-apartmany a{
   font-size:14px;
}
.arrw{display:none;}
}
.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(77,57,35, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
!important;
}
.mm_logo{
   background-color: #775735; 
background-image:url(../images/arietes_marmont_logo_wht.svg?crc=391151868);
 background-repeat:no-repeat;
background-position: center bottom;
   background-size: 120px 105px;
   width: 120px;
    z-index: 120;
    height: 105px;
        position: relative;
    margin-right: -10000px;
    left:30px;
    margin-left: 0%;
    float: left;
   top:-40px;
  transition-duration: 0.5s;
}
.small.covertext{
   padding-bottom:35px;
border-top: solid #f7f6f4 40px;
    top: 0px;
    width: 100%;
   background:transparent;
}
.small .mm_logo{
   background: transparent url(../images/marmont_logo_small.svg) no-repeat center bottom;
   background-size: 160px 50px;
    width: 40px;
    z-index: 120;
    height: 50px;
    top: -46px;
     transition-duration: 0.5s;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 15rem;
    height: .5rem;
    margin: 0 .3rem;
    padding-left: 73px;
}
.topmenubar{
    position:absolute;
    top:-12px;
    right:0px;
    z-index:100;
    width:100%;
     transition-duration: 0.5s;

   padding-left:215px;
}
.small .topmenubar{
top: -43px;
     transition-duration: 0.5s;
padding-top:10px;
padding-left:100px;
}
.topmenubar a,.popover a{
    font-family: roboto, sans-serif;
    font-weight: 400;
    line-height:19px;
      color:#C3996B;
    font-size:15px;
        transition-duration: 0.5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    float:right;
    padding:5px;
    padding-left:20px;
    padding-right:0px;
    
}
.popover{
 background-color:#775735!important;
}
.popover  a{
    color:#ffffff;
   font-size:14px;
}
.popover  a:hover{
    color:#c3996b!important;
}

.topmenubar a.active{
    text-decoration:none;
    color:#775735!important;  
   
}


.topmenubar a.MenuItem:hover{
    text-decoration:none;
    color:#775735!important;  
   
}
.topmenubar a.SubMenuItem:hover{
    text-decoration:none;
  
   
}
.small .topmenubar a{
    font-size: 14px;
}
.MenuLevel1 li{

text-align:center;
}
.MenuLevel1 a{
  color:black!important;
  padding:10px!important;
  float:none;
  display:block;  
  
}
@media (max-width: 1199px)  {
.topmenubar{
  padding-right:50px;
}}

@media (max-width: 1199px)  {
.nav-text{
  display:none;
}

   .navbar-toggler{
    right: 5px;
    top: -10px;
    border: 0px;
    position: absolute;

  }
  .small .navbar-toggler{
  top: 3px;
}

.topmenubar{
    position:relative!important;
    padding-top:0px;
    right:0px;
    z-index:200;
    padding-right:20px;
   width:100%;
margin-right:0px;
  }
#topmenubar{
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;

    background-color:#F7F6F4;
    text-align:center;
    padding-right:0px;

    width: calc(100% + 100px);
    height: 1200px;
    margin-top: -28px;
    margin-left: -50px;
    margin-right: -15px;
padding-top:calc(50vh - 277px);
  }
  #topmenubar a{
    color: #C3996B;
    font-family: roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px 20px;
   width:100%;
display:block;
height: 35px;
    padding-bottom: 9px;
  }


.menu-logo{
width:120px;;

}
  .menu-text p{
font-size:12px;
color: #775735;
}
}
@media (max-width: 576px)  {
 .coverimg{
 height:500px;
}
 
 #topmenubar{
width:calc(100% + 41px);
margin-left:-26px;
}

  .navbar-toggler{
      margin-left:60px;
  }
 .mm_logo{
    left: calc(50% - 60px);

}
.small .mm_logo{
    left: 0px;

}
}
td,th{text-align:center;padding:0.40rem!important; }
th{font-weight:bold}
td.price{text-align:right}
tr.FREE:hover td,tr.FREE:hover th,tr.RESERVED:hover td,tr.RESERVED:hover th{
 background-color:#91DAB9;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #000;
   font-family:roboto;
}
td.floor{border-right:0px;}
td.floorl{border-left:0px;}
.FREE td,.FREE th{
cursor:pointer;
}
.RESERVED td,.RESERVED th{
 background-color: #FDD89D!important;
cursor:pointer;
}
.SOLD td,.SOLD th{
 background-color:#FF8080!important;

 cursor:auto;
}

.gallery-row{
  width:calc(100% - 50px);
  white-space:nowrap;
  margin:auto;
  margin-top:0px;
  overflow:hidden;
}
.img{
  overflow:hidden;
  width:220px;
  height:200px;
  position:relative;
flex-shrink: 0;
  display:inline-block;
    border-left: 10px solid #f7f6f4;
    border-right: 10px solid #f7f6f4;
}
.gallery-row a:first-child img{
  margin-left:0px;
}
.img img{
 

    min-width: 50%;
    min-height: 50%;
    height:200px;
     margin-right: 15px;
 
    transform: perspective(1000px) translate3d(0px,0px,0px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

}
.img:hover img{
 
    transform: perspective(1000px) translate3d(0px,0px,100px);

}
.stripe1{
  height:200px;
}
#floor-desc{
   min-height:345px;
}
.buttons {
  padding-top:40px;
   min-width:400px;
  margin:auto;
}
.buttons .white{
text-align:left!important;
}
.buttons .button{
display:inline-block;
margin:0px;
padding:10px!important;
margin-bottom:10px;
}
@media (max-width: 576px)  {
.buttons {
  padding-top:40px;
   min-width:200px;
   max-width:200px;
  margin:auto;
}
}
.ap-hide-0{display:none}
p.h6{
   color: #C3996B;
    text-align: right;
   font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
padding-right:21px;
}
.ap-detail-ico{
    background: transparent url(/images/download.svg) no-repeat center center;
   background-size: 100%;
    width: 21px;
    height: 22px;
    display: inline-block;
}
.ap-detail-pdf{
 color: #6BABC3!important;
   font-size: 14px;
 line-height:25px;
}
.ap-detail-pdf:hover{
 color: #296276!important;
   font-size: 14px;
 line-height:25px;
}
.ap-detail-pdf:hover{
  text-decoration:none;
  color:black;
}
.ap-detail-bg{
 max-width:320px;
 width:100%;
  background-color: #F7F6F4;
  padding:21px;
}
.ap-detail-bg table{
  width:100%;
 font-size:14px;
}
.ap-detail-bg table tr th{
text-align:left;
font-weight:300;
}
.ap-detail-bg table tr td{
text-align:right;
font-weight:300;
}
.ap-detail-bg table tr.hightlight1 td,.ap-detail-bg table tr.hightlight1 th{
  font-weight:700;
}
,.ap-detail-bg table tr.hightlight2 th{
   font-weight:900;
   color: #775735;
}
.ap-detail-bg table tr.hightlight2 td{
font-size: 20px;
 font-weight:700;
   color: #775735;
}


.ap.SOLD{
fill:#ff0000;
opacity: 0.5;
}
.ap.RESERVED{
   fill:#fbb03b;opacity: 0.5;
}
.ap{
opacity:0;
cursor:pointer;
} 
.ap:hover,.ap.active{fill:#22b573;
fill-rule:evenodd;
opacity:0.5}

.ap.SOLD:hover,.ap.SOLD.active{
fill:#ff0000;
opacity: 0.5;
}
.ap.RESERVED:hover,.ap.RESERVED.active{
   fill:#fbb03b;opacity: 0.5;
}

.a-select{
  display:none;
}
.floor-map img{ 
     width:100%;
     position:absolute;
     z-index:-2;
}
.floor-map{
   display:none;
   position:relative;
  width:100%;
}
.p-select{
visibility:hidden;
}
.floor-select{
  display:none;
    position:absolute;
    left:calc(50% - 32px);
    font-size: 48px;
    font-family: roboto, sans-serif;
    color: #C3996B;
    padding-bottom: 0px;
    min-height: 64px;
    border-radius: 8px;
    border-color: transparent;
    text-align: center;
    background:white;
    line-height: 58px;
    width: 64px;
   top:110px;
}
.ap-select{

    margin-left:calc(50% - 32px);
    font-size: 48px;
    font-family: roboto, sans-serif;
    color: #C3996B;
    padding-bottom: 0px;
    min-height: 64px;
    border-radius: 8px;
    border-color: transparent;
    text-align: center;
    background:white;
    line-height: 58px;
    width: 64px;
   top:84px;
}
.stripe3{
 /*padding-bottom: 242px;*/
}

.modal-lg{
   margin-top: 100px;

}
.stripe2{
min-height:550px;
margin-top: -14px;
}