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;}
}




.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);

}
.coverimg {
  top:0px!important;
}
.apb{
  width:250px!important;
  background-color: #775735!important;
border:0!important;
margin-top:13px!important;
}
.mm_logo {
    background-color: #775735;
    background-image: url(../images/arietes_marmont_logo_wht.svg?crc=391151868);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 250px 250px;
    width: 250px;
    z-index: 120;
    height: 250px;
    position: relative;
    margin-right: auto;
margin-left: auto;
    
    top: 0px;
    transition-duration: 0.5s;
}

@media (min-width: 1422px)  {
    .coverimg{
          width:100%;
      height:auto!important;
 position:absolute;
  margin:auto;
    }
 .coverlayer{
            height:960px;
         overflow:hidden;
}
.coverlayer .stripe1{
margin-top:-475px!important;
}
}


.coverlayer .middle {
    position: absolute;
    width: 100%;
    top: 296px;
}
.al{
position:absolute;
left:100px;
width:220px;
height:320px;
background:white;
top:8%;
animation-duration: 2s;
animation-name: slideInLeftMT;
}
@media (max-width: 768px)  { 
.al{
        top:5%;
        left:calc(50% - 100px);
}
}
@media (max-width: 567px)  { 
.al{
        top:3%;
        left:calc(50% - 100px);
}
}
@keyframes slideInLeftMT{from{-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}


.rounded-corners{
margin-right: -10000px;
width: 64px;
height:64px;
border:2px solid #296276;
border-radius:8px;
position: relative;
top:0px;
left:0px;
z-index:35;
display: inline;
    float: left;
   background-size: 64px 64px;
}
.rounded-corners.ap{
    background: #FFFFFF url(../images/bed.svg?crc=3994472126) no-repeat center center;

}
.rounded-corners.lo{
    background: #FFFFFF url(../images/map.svg?crc=3994472126) no-repeat center center;
   background-size:23px 32px;

}
.rounded-corners.pr{
    background: #FFFFFF url(../images/marmont_logo_small.svg?crc=3994472126) no-repeat center center;

}

.coverimg{

 
    margin: auto;
    POSITION:relative;
   
  
  top:40px;
    z-index:-50;
}

.coverlayer{
    position:relative;
   
    width:100%;
    padding-bottom:5%;
      z-index:-50;
}



.coverlayer h1{
    color: #FFFFFF;
    font-family: roboto, sans-serif;
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px;
    width:100%;
}
.coverlayer .middle{
   
   position: absolute;
   width:100%;
   top:296px;
}
.coverlayer h2{
    color: #FFFFFF;
    font-family: roboto, sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px;
    width:100%;
padding-left: 0px!important;
}

#bg{
    
    left: 0px;
    margin-left: 0%;
    filter: alpha(opacity=100);
    
    z-index: 2;
    
    opacity: 1;
    width: 100%;
    
    position: relative;

   
   
}

/*  index-content */
.flexbox{
    display:inline-block;
    width:90%;
    left: 10%;
    min-height: 350px;
    padding-bottom: 20px;
    border-width: 1px;
    margin-top: 33px;
    border-style: solid;
    border-color: #C3996B;
    background-color: transparent;
    padding-top: 50px;
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 15;
    position: relative;
    margin-right: -10000px;
}
.flexbox:hover{
    background-color: #fbfbfa;
  
}
.flexbox h4{
    color: #754C28;
    font-family: roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    

}
.flexbox .button{
 position:absolute;
    bottom:25px;
}
 .flexbox:hover .button{
   bottom:25px;
}
.flexbox .button:hover{

}

.MenuBar a:hover{
    text-decoration:none;
}
@media (max-width: 768px)  { 
 .vyber.button.ap{   
margin-top:5px!important;
display:block!important;
}
}
@media (max-width: 576px)  { 
 .vyber.button.ap{   
margin-top:5px!important;
}
.middle h1{max-width:300px;margin:auto;}
.middle h2{max-width:250px;margin:auto;}
}