﻿

#DefaultPage .HeaderBack { position:relative; width:100%; height:100%; display:block; left:0; top:0; overflow:hidden;
                           background-image:url(/Images/apartmany-kasperske-hory.jpg); background-size:cover; 
                           background-position:center top 15%; background-repeat:no-repeat;
}
/*#DefaultPage .HeaderBack .shadow{ position:absolute; left:0; top:0; width:100%; height:100%;
                                       background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.7987570028011204) 0%, rgba(0,0,0,0.5074404761904762) 29%, rgba(0,0,0,0) 47%, rgba(0,0,0,0.16290266106442575) 82%, rgba(0,0,0,1) 100%);
}*/
#DefaultPage #VideoContent { position:absolute; left:0; top:0; display:block; width:100%; height:100%;  }
#DefaultPage #VideoContent video{   position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

    }
#PageHomeTextContent { width:100%; }
#PageHomeTextContent .box{ width:100%; }
#PageHomeTextContent #row1{ 
    background:black;
color:white;
padding:4rem 0; font-size:1.4rem; font-weight:300;
}
#PageHomeTextContent #row1 .usertext { width:50%; }
#PageHomeTextContent #row2{ 
    
color:white;
padding:4rem 0; text-align:center;
}
    #PageHomeTextContent #row1 { position:relative; }
    #PageHomeTextContent #row1 #DefaultBulletPointsHouse{ position:absolute; right:0; bottom:-112px; width:850px; height:530px; background-image:url(/Images/home-house.png);
                                                                          background-position:right top; background-repeat:no-repeat; background-size:contain;

    }
#PageHomeTextContent #row1 .button { width:auto; display:table; padding-right:2rem; padding-left:3.5rem; margin:2rem 0 0 1rem; }
#PageHomeTextContent #finance { background-color:var(--color2); padding:4rem 0 }
#PageHomeTextContent h2 { text-transform:uppercase; margin-bottom:2rem; margin-top:0; padding-top:0; text-align:center; width:100%; /*font-weight:500; font-size:2rem;*/ }
#PageHomeTextContent .PageLayout { width:100%; display:table; }
#PageHomeTextContent #finance .box { width:100%; }
#PageHomeTextContent #finance .box .item { width:calc(25% - 30px); margin-right:30px; }
#PageHomeTextContent #finance .box .ico { width:150px; height:100px; position:relative; margin:auto; text-align:center; }
#PageHomeTextContent #finance .box .ico .icoimg{ max-height:100%; fill:var(--color1); margin:auto;  }
#PageHomeTextContent #finance .box .icotitle { margin:1rem 0; text-align:center; font-size:1.4rem; font-weight:500; }
#PageHomeTextContent #finance .box .content { text-align:justify; }
#PageHome { }
#PageHome .TopTitleContent{ position:absolute; top:0; bottom:0; margin:auto; width:calc(50% - 60px); left:60px;   }
#PageHome .TopTitleContent .flex{ display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-content: center;
  height: 100vh; }
#PageHome .TopTitleContent .titleUserText{ color:white; font-size:2rem; }
#PageHome #mousescroll { width:80px; height:80px; position:absolute; left:0; right:0; bottom:60px; margin:auto; cursor:pointer;
}
#PageHome #mousescroll:hover{-ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: transform .2s;
}

#TextPlaceUserPageHome { background-color:var(--color2); padding:4rem 0; font-size:1.4rem; }

#PageHomePhotos { padding:4rem 0; }
#PageHomePhotosList { flex-wrap:wrap; }
#PageHomePhotosList .item{ width:calc(50% - 1px); margin-right:1px; position:relative; }
#PageHomePhotosList .item a{ position:relative; display:table; }
#PageHomePhotosList .item a img{ display:table; }
#PageHomePhotosList .item .magglass { width:100px; height:100px; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;
                                      background-image:url(/Images/magglass.svg); background-position:center center; background-repeat:no-repeat; background-size:contain;
}
#PageHomePhotosList .item:hover { transform:scale(1.1); transition: transform .2s;
                                  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); z-index:10;
}

#PageHomeText .button.location { width:auto; padding-right:4rem; padding-left:4rem; display:table; margin:2rem auto 0 auto;  }

#PageHomePhotosContent .afterphotos { width:auto; display:table; margin:4rem auto 0 auto; padding:0 2rem;  }
#PageHome .TopTitleContent .titleUserText { background-color:rgba(0,0,0,0.5); padding:30px 60px; }
#PageHome .TopTitleContent .titleUserText h2{ color:white; font-weight:500; }
#PageHome .TopTitleContent .titleUserText .button{ margin-top:2rem; }

#PageHome .TopTitleContent .titleUserText { 
    background-color: rgba(0,0,0,0.5);
  padding: 30px 60px;
  height: auto;
  display: table;
  width: auto;
  margin: auto auto auto 0;}

#PageHome #header { display:block; width:100%; background-color:var(--color11); position:fixed; top:0; left:0; height:100px; z-index:300;
                         background-color:rgba(0,0,0,0.7);
}
#PageHome #header.fix { background-color:var(--color11); }
#PageHome #header .hLogo{ height:60px; width:310px; top:17px; }
#PageHome #header .hLogo a{ background-image:url(/Images/logo-rev.png); }
#PageHome #header .hMenu #MenuButton,#PageHome #header .hMenu #CloseMenu{ top:30px; z-index:400; }
#PageHome #MenuButton .text, #PageHome #CloseMenu .text, #PageHome #HomeButton .text { color:white; }
#PageHome #MenuButton .butt #buttonImg, #PageHome #HomeButton .butt #buttonImg { fill:var(--color9); }
#PageHome #header .hMenu #MenuButton,#PageHome #header .hMenu #CloseMenu{ top:30px; z-index:400; }




@media all and (max-width: 120em) {
    
}

@media all and (max-width: 110em) {
    #PageHomeTextContent #row1 #DefaultBulletPointsHouse { width:50%; }
    #PageHomeTextContent #row1 .usertext { font-size:1rem; }
}

@media all and (max-width: 100em) {
    
}

@media all and (max-width: 90em) {
    #PageHomeTextContent #BulletPointsGradient #DefaultBulletPointsHouse { 
        bottom: -32px;
    width: 630px;
    height:390px;
    }
    #PageHomeTextContent #BulletPointsGradient,#TextPlaceUserPageHome { font-size:1.2rem; }
}

@media all and (max-width: 80em) {
    #PageHomePhotosList .item { overflow:hidden; }
    #PageHomePhotosList .item { border-bottom:1px solid white; }
    #PageHomePhotosList .item a { display:block; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; position:relative; }
    #PageHomePhotosList .item a img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; }
    
}

@media all and (max-width: 75em) {
    
}

@media all and (max-width: 68em) {
    #PageHomeTextContent #BulletPointsGradient, #TextPlaceUserPageHome { font-size:1rem; }
    #PageHomeTextContent #BulletPointsGradient #DefaultBulletPointsHouse { width:440px; height:280px; }
    #PageHomeTextContent #finance .box { flex-wrap:wrap; }
    #PageHomeTextContent #finance .box .item{ width:calc(50% - 30px);margin-top:2rem; }
    #PageHome .TopTitleContent { width:80%; box-sizing:border-box; left:10%;  }
}

@media all and (max-width: 48em) {
    #PageHomeTextContent #BulletPointsGradient #DefaultBulletPointsHouse { width:240px; height:170px; }
    #PageHomeTextContent #row1 #DefaultBulletPointsHouse { display:none; }
    #PageHomeTextContent #row1 .usertext { width:100%; }
}

@media all and (max-width: 38em) {
    #PageHomeTextContent #BulletPointsGradient #DefaultBulletPointsHouse { bottom:-92px; }
    #PageHomePhotosList .item { border:0; width:100%; margin-bottom:1px; }
    #PageHomeTextContent #finance .box .item{ width:100%; margin-right:0; }
    #PageHome .TopTitleContent { width:80%;  }
        #PageHome .TopTitleContent .titleUserText { width:100%; box-sizing:border-box; }
}

@media all and (max-width: 30em) {
    #PageHomeTextContent #BulletPointsGradient #DefaultBulletPointsHouse { display:none; }
    #PageHome .TopTitleContent .titleUserText { padding:15px 20px; }
    #PageHome .TopTitleContent .titleUserText h2{ font-size:1.4rem; }
    #PageHome .TopTitleContent .titleUserText .button{ font-size:1.1rem; }
    #PageHome #header .hLogo {         
        height: 40px;
        width: 190px; }
}

@media all and (max-width: 23em) {
   /* #DefaultPage .TopTitle .titleUserText { font-size:1.4rem; }
    .DefaultBox .bodybuttons .boxItem .leftColumnButtContent a { font-size:1.4rem; }*/
}



