body{margin:0; padding:0; height:auto;}

div.header{width:100%; height:auto;overflow:hidden; margin:0 auto;background: rgb(255,255,255); background: #fff;position:relative; z-index:1; padding-top:10px;}
div.header-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: stretch; }
div.slider-in{width:86%; margin:0 auto;height:auto;overflow:hidden; text-align:center; padding-top:80px;}
div.slider-nxs{width:86%; margin:0 auto;height:auto;overflow:hidden; text-align:center; padding-top:20px; padding-bottom:20px;}
div.nav{float:left; width:100%; height:auto; margin:0 auto;margin-top:0px; position:relative; z-index:1; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #3d3d3d;  border-top:1px solid #3d3d3d;background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5074404761904762) 50%, rgba(0,0,0,0.9) 100%); padding-top:14px;}
div.logo{ padding-right:5%; height:auto;margin:0 auto; padding-top:30px; padding-bottom:30px;font-family: 'Roboto', sans-serif;font-weight:900; color:#444; font-size:9px;}
div.header-phone{ padding-right:1%; height:auto; margin:0 auto;font-family: 'Montserrat', sans-serif; font-weight:900; color:#444;text-align:right; font-size:18px; line-height:40px; position:relative; padding-top:35px;padding-bottom:20px;}
div.header-contact{ padding-right:1%; height:auto; margin:0 auto;font-family: 'Roboto', sans-serif;font-weight:500; color:#444;text-align:right; font-size:15px; line-height:40px; position:relative; padding-top:38px;padding-bottom:20px;}
ul.menu{list-style-type: none; width:86%; padding:0;margin-top:0px; text-align:center; margin:0 auto; text-transform:uppercase;}
li.menu{ font-family: 'Lato', sans-serif; font-weight:900; font-size:12px; color:#fff; white-space: nowrap; transition: all .4s; line-height:38px; display:inline; padding-right:23px; padding-top:10px;}
li.menu:hover{ color:#e30b13; white-space: nowrap; transition: all .4s;line-height:38px;}
li.menu-last{ font-family: 'Lato', sans-serif; font-weight:500; font-size:16px; color:#fff; white-space: nowrap; transition: all .4s; line-height:38px; display:inline; padding:20px; padding-left:16px; background:#f47920; }
li.menu-last:hover{ color:#fff; white-space: nowrap; transition: all .4s;line-height:38px;}
ul.menu-2{list-style-type: none; padding:0;margin-top:0px; text-align:center; float:right; }
p.left{text-align:left;}
p.numbers{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:38px; line-height:46px;}

h1{ font-family: 'Montserrat', sans-serif;font-weight:700;color:#fff; text-align:center; font-weight:900; margin-top:40px; font-size:56px; letter-spacing:1px; position:relative; z-index:1}
h1.tittle{font-family: 'Roboto', sans-serif;font-weight:300; font-size:16px; line-height:46px; color:#000;margin-top:12px; letter-spacing:0px;}
h1.in{font-family: 'Roboto', sans-serif;font-weight:900; color:#fff; text-align:center; font-size:30px; margin-top:60px; }

h2{font-family:'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:22px;color:#333333;}
h2-main{font-family:'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:32px;color:#333333;}

h3{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:38px; line-height:46px;}

h2.in{font-family: 'Roboto', sans-serif;font-weight:900; color:#fff; text-align:center; font-size:30px; margin-top:60px; }
h2.inblack{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333; text-align:left; font-size:26px; line-height:38px; letter-spacing:-1px;}
h2.inwht{font-family: 'Montserrat', sans-serif;font-weight:800; color:#fff; text-align:left; font-size:26px; line-height:32px;letter-spacing:-1px;}

h2.content{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:28px; }
h2.center{font-family: 'Roboto', sans-serif; font-weight:900; color:#333333; text-align:center; font-weight:100; font-size:38px; }
h4{font-family:'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:32px;color:#333333;}
p.names{font-family:'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:32px;color:#333333; text-align:center;}

p.motto{font-family: 'Roboto', sans-serif; text-align:center;color:#fff; font-weight:500; font-size:16px; line-height:26px; }
p.more{width:150px; transition: all .4s; padding:10px; color:#f47920; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #f47920;}
p.more:hover{width:150px;background:#f47920;transition: all .4s; color:#fff;}
p.more-left{width:150px; transition: all .4s; padding:10px; color:#f47920; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400;  border:1px solid #f47920;}
p.more-left:hover{width:150px;background:#f47920;transition: all .4s; color:#fff;}
p.more-red{width:150px; transition: all .4s; padding:10px; color:#ffffff; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; border:1px solid #e30b13; background:#e30b13;}
p.more-red:hover{width:150px;background:none;transition: all .4s; color:#fff; background:#000;}
p.breadcrumbs{font-family: 'Roboto', sans-serif; text-align:center;color:#d8d8d8; font-weight:400; line-height:16px; font-size:12px; }
p.more-wht{width:150px; transition: all .4s; padding:10px; color:#fff; background:#e30b13; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13;}
p.more-wht:hover{width:150px;background:#e30b13;transition: all .4s; color:#fff;border:1px solid #fff;}
p.more-wht2{width:280px; transition: all .4s; padding:10px; color:#fff; background:#e30b13; text-align:center;border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13; margin-top:60px; margin-bottom:60px;}
p.more-wht2:hover{width:280px;background:#e30b13;transition: all .4s; color:#fff;border:1px solid #fff;}
p.center{text-align:center;}
p.middle-margin{font-family: 'Roboto', sans-serif; font-weight:300; line-height:30px; width:60%; margin:0 auto;color:#333; text-align:center;}
p.link{position:relative; border:1px solid #3d3d3d;font-size:14px; width:350px; transition: all .4s;float:right; transition: all .4s; padding:35px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; font-family: 'Lato', sans-serif; font-weight:900;background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,1) 0%, rgba(164,0,22,0.5074404761904762) 100%, rgba(0,0,0,1) 100%);}
p.link:hover{transition: all .4s;  border-radius:40px; }
ul.red {list-style-type: none; padding:0; margin:0 }
li.red{ color:#fff; font-weight:500;  margin-bottom:10px; border-radius:12px; text-align:left; font-family: 'Roboto', sans-serif; border:0.0001em solid #e8e8e8; padding:12px; background:#333; box-shadow:1px 1px 20px #eaeaea;}
a:link{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none; color:#fff;}
a:active{ text-decoration:none; color:#fff;}
a:visited { text-decoration:none; color:#fff;}

a:link.header{ text-decoration:none; color:#444;}
a:hover.header{ text-decoration:none; color:#444;}
a:active.header{ text-decoration:none; color:#444;}
a:visited.header { text-decoration:none; color:#444;}

a:link.header-mob{ text-decoration:none; color:#fff;}
a:hover.header-mob {text-decoration:none; color:#fff;}
a:active.header-mob{ text-decoration:none; color:#fff;}
a:visited.header-mob { text-decoration:none; color:#fff;}


a:link.breadcrumbs{ text-decoration:none; color:#fff;}
a:hover.breadcrumbs{ text-decoration:none; color:#fff;}
a:active.breadcrumbs{ text-decoration:none; color:#fff;}
a:visited.breadcrumbs { text-decoration:none; color:#fff;}

a:link.mobile{ text-decoration:none; color:#333;}
a:hover.mobile{ text-decoration:none; color:#333;}
a:active.mobile{ text-decoration:none; color:#333;}
a:visited.mobile { text-decoration:none; color:#333;}

a:link.copyright{ text-decoration:none; color: rgba(255,255,255,0.3);}
a:hover.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}
a:active.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}
a:visited.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}

.reveal{ transform: translateY(150px); opacity: 0; transition: 1s all ease;}
.reveal.active{ transform: translateY(0); opacity: 1;}


div.slider{ width:100%; z-index:-1;background-image: url("2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;padding-bottom:220px;}
div.slider-more{ width:100%; z-index:-1; background-image: url("2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;padding-top:0px; padding-bottom:60px;}
div.shadow{ width:100%; position:absolute; height:740px; z-index:-1; top:0; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,1));}
div.shadow-in{ width:100%; position:absolute; height:380px; z-index:-1; top:0; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,1));}
div.slider-main{ width:100%; z-index:-1; background-image: url("2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;padding-top:0px; padding-bottom:220px;}

div.icons{width:100%; max-width:1400px; margin:0 auto; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: stretch; margin-top:-100px;}
div.icons-in{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:60px;}

div.icons-area{padding:20px; float:left;  width:20%; background:#fff; color:#333; margin-right:0px;border-right:1px solid #e8e8e8; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center; margin:0 auto;}
div.icons-area-last{padding:20px; float:left; width:20%; background:#fff; color:#333;  line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-area>img{max-width:60%;  margin-top:-60px; border-radius:50%; border:8px solid #fff; }
div.icons-area-last>img{max-width:60%;margin-top:-60px; border-radius:50%; border:8px solid #fff;}

div.icons-item{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:100px;background:#fff;}
div.icons-half{padding:20px; float:left;  width:45%;color:#000; margin-right:1%;border-right:1px solid #fff; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons-half-right{padding:20px; float:left;  width:45%;  color:#000; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:-60px; }
div.icons-half-right>img{max-width:20%; margin-top:-60px; }
div.icons-half-right-in{ float:left; padding:20px; width:60%; float:right; margin-top:80px; color:#000;  line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:right;background:#e8e8e8;}
div.icons-half-right-in>img{max-width:20%; margin-top:0px; }
div.marg{height:270px; width:100%;}
div.middle-margin{width:100%; margin:0 auto; text-align:center; margin-bottom:80px; padding-top:4px; padding-bottom:10px;     background: #f4f4f4; 
	}
div.middle-margin-in{width:86%; padding:1%; margin:0 auto; text-align:left; margin-top:40px; font-family: 'Roboto', sans-serif}
div.middle-margin>h3{text-align:center; color:#333; font-size:24px;}
div.content-in{width:100%; height:auto; overflow:hidden;  display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; }
div.left-navi{float:left; height:auto; overflow:hidden; background:#333; }
ul.left-navi{margin:0; padding:0; }
li.left-navi{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#fff; text-align:left; font-size:14px; border-bottom:2px solid #fff;} 
li.left-navi:hover{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; border-bottom:2px solid #fff;} 
li.left-navi-active{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; font-size:14px; border-bottom:2px solid #fff; border-left:4px solid #e30b13;} 
p.copyright{font-size:12px; color:rgba(255,255,255,0.2); margin-top:-40px; }
div.middle-margin-id{width:100%;text-align:left; background:#e8e8e8;border-bottom:2px solid #fff;}
div.margin-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden;color:#333; }
div.right-content{float:right;width:74%; padding-left:1%; height:auto;overflow:hidden;font-family: 'Roboto', serif; font-weight:300; line-height:24px;}
div.margin{height:30px;}
hr{background:#f47920;border: none;}
hr.grey{background:#222222; height:0.1vh}
iframe{float:left;filter: grayscale(0%);transition: all .6s; margin-top:80px;}
iframe:hover{float:left;filter: grayscale(0%);transition: all .6s;}

td{ border:1px solid #d8d8d8; text-align:left; padding:10px; background:#333; color:#fff;}

div.grey{width:100%; padding-top:60px; padding-bottom:120px; background:#e8e8e8; margin-top:80px; text-align:center;font-family: 'Roboto', sans-serif; font-weight:900; font-size:26px;background-image: url("bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
div.img{width:42%; float:left; margin-top:30px; }
div.article{width:52%; padding:3%; background:#fff; border-radius:20px; float:right;font-family: 'Roboto', sans-serif; font-weight:300; color:#393f35; line-height:30px; margin-top:100px;}
div.article-all{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:300; color:#393f35; line-height:30px; text-align:center; margin-top:60px;}
div.article-all>h2{text-align:center;}
div.section{ width:86%; max-width:1400px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300;}
div.article-xl{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px; text-align:center;font-size:18px;  border:0.0001em solid #e4e4e4; background:#fafafa; padding:40px;border-radius:24px;}
div.article-price{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px; text-align:center;font-size:18px; }

div.article-xl>h2{text-align:center;}
div.section-in{ width:100%; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; }
div.img>img{border-radius:20px; }
.thirds {font-family: 'Roboto', sans-serif; font-weight:900;width: 40%; margin-top: -30px; float: left; background: #fff; text-align: left; line-height:30px; padding:5%; font-weight:400;color:#333;}
.thirds-in {font-family: 'Roboto', sans-serif; font-weight:900;width: 55%; margin-top: 50px; float: left; background: #fff; text-align: left; line-height:30px; padding:5%; padding-left:0; font-weight:300;color:#333;}
.thirds-img-in{font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; margin-top: 120px; float: left; background: #fff; text-align: center; line-height:30px; padding:2% 2% 2% 0%; font-weight:400;color:#333;}
.thirds-img-in>img{}
.thirds-img{font-family: 'Roboto', sans-serif; font-weight:300;width: 45%; margin-top: 120px; float: left; background: #fff; text-align: center; line-height:30px; padding:2%; color:#333;}
.thirds-img>{filter: grayscale(60%);}
.thirds-contact{font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; margin-top: 120px; float: left; background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,0.9) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); text-align: left; line-height:30px; padding:2%; font-weight:300;color:#fff; border-radius: 0px 40px 0px 80px;}
.thirds-img>p{ padding-right:10px; background:#000SS}
.thirds-img>h4{text-align:left;}
.thirds-img>img{max-width:100%; border-radius:20px;}
.thirds>h3{text-align:left;}
.thirds>p{letter-spacing:0px; }
.thirds > img {border-radius:30px;}
div.thirds> img {max-width:100%; }
div.thirds-in> img {border-radius:30px;max-width:100%}
div.clx-center{width:86%; text-align:center; max-width:1400px; margin:0 auto;}
div.about{width:100%; padding-top: 40px;background:fixed; height:auto;overflow:hidden; margin:0 auto; }
div.about-in{width:85%;max-width:1400px;margin:0 auto; height:auto:overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300;}
div.about-price{width:85%;max-width:1400px;margin:0 auto; height:auto:overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300;}
div.stats{float:left; width:46%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; line-height:14px; border-radius:14px;}
div.stats>p.numbers{font-family: 'Montserrat', sans-serif;font-weight:800; font-size:26px;  margin:0; padding:0; text-align:center}
div.stats>img{max-width:30%; float:left;}
div.statsplus{float:left; width:46%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; line-height:14px;}
div.section-photo{margin-top:80px; margin-bottom:4px;}
div.footer{width:100%;height:auto; overflow:hidden;  padding-bottom:1em;  background:#0c0b0b; margin-top:0px; border-top:1px solid #222222;}
div.footerin{width:85%; max-width:1400px;  margin: 0 auto; font-size:14px; padding-top:2em;  color:#999; font-family: 'Roboto', serif; font-weight:300;display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: stratch;}
div.left{ float:left; text-align:left; line-height:26px; padding-left:5%; border-left:1px solid #222222; color:#fff;}
div.right{float:left; text-align:left;}
li.footer{ font-family: 'Roboto', serif; font-weight:400; font-size:14px; color:#999; white-space: nowrap; transition: all .4s; line-height:26px; }
 p.article{background:red; padding:10px;}
p,ul,li.left-box{text-align:left;}
iframe.map{width:65%;}
iframe.view{width:35%;}

div.item-ct{width:86%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden;  color:#333;}
div.item-photo{width:100%; margin:0 auto; height:auto; overflow:hidden;  color:#333;}

div.item1{width:50%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:50%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.item1>img{margin: auto; display:block;float:left;}
div.item2>img{margin: auto; display:block;float:right;}
div.item2>h2.content{color:#fff; padding-top:40px;}
div.darkgrey{width:100%; background:#333; height:auto; overflow:hidden; margin-top:80px; margin-bottom:40px;}

 .grid-gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
    }

    .gallery-thumb {
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .gallery-thumb img {
      width: 100%;
      aspect-ratio: 4/3;
      object-fit: cover;
      border-radius: 5px;
      cursor: pointer;
    }

    .thumb-caption {
      margin-top: 8px;
      font-size: 14px;
      color: #333;
    }

    /* Modal */
    .modal {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background: rgba(0, 0, 0, 0.85);
      padding: 60px 20px;
    }

    .modal-content {
      max-width: 90%;
      max-height: 80%;
      margin: auto;
      display: block;
      border-radius: 8px;
    }

    .modal-caption {
      text-align: center;
      color: #fff;
      margin-top: 15px;
      font-size: 16px;
    }

    .modal-close, .modal-prev, .modal-next {
      position: fixed;
      color: white;
      font-size: 28px;
      cursor: pointer;
      padding: 10px;
      background: rgba(0,0,0,0.5);
      border-radius: 50%;
      z-index: 10000;
      user-select: none;
    }

    .modal-close {
      top: 20px;
      right: 30px;
    }

    .modal-prev {
      top: 50%;
      left: 30px;
      transform: translateY(-50%);
    }

    .modal-next {
      top: 50%;
      right: 30px;
      transform: translateY(-50%);
    }
 * {
      box-sizing: border-box;
    }


    .gallery-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: space-between;
    }

    .gallery-item {
      background: #000;
      border-radius: 8px;
      padding: 10px;
      width: calc(49% - 10px);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      height: 100%;
	  margin-top:20px;
    }

    .main-photo {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 5px;
      cursor: pointer;
    }

    .thumbs {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 10px;
    }

    .thumbs img {
      width: calc(20% - 4px);
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border-radius: 4px;
      cursor: pointer;
    }

    .description {
      margin-top: auto;
      padding-top: 10px;
      font-size: 14px;
	  color:#fff;
	  font-family: 'Roboto', sans-serif;
    }

    /* Modal Styles */
    .modal {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 60px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.8);
    }

    .modal-content {
      margin: auto;
      display: block;
      max-width: 90%;
      max-height: 80%;
      border-radius: 8px;
    }

    .modal-close,
    .modal-prev,
    .modal-next {
      position: fixed;
      top: 20px;
      font-size: 28px;
      color: white;
      cursor: pointer;
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      z-index: 10000;
    }

    .modal-close {
      right: 30px;
    }

    .modal-prev {
      left: 30px;
      top: 50%;
      transform: translateY(-50%);
    }

    .modal-next {
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
    }

    @media (max-width: 768px) {
      .gallery-item {
        width: 100%;
      }
    }
.galleryin {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  padding-top:4px;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  margin-top:4px;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--3 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.gallery__item--4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

.gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

.gallery__item--6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;
  
  

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}
button.logos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

img.logos {
  display: block;
  width: 100%;
}

section.logos {
  width: 100%;
  overflow: hidden;
}

article.logos {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
}

article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

div.logos {
	margin-top:100px;
  width: 100%;
}

ul.logos {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

li.logos {
  width: 100%;
}

li.logos:nth-child(2) {
}

li.logos:nth-child(3) {
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

div.second{width:90%; max-width:1500px; margin:0 auto; height:auto; overflow:hidden;}
div.logosecond{ float:left;width:10%;padding-top:0px; padding-top:14px;}
div.navisecond{ float:right;width:90%; font-family: 'Lato', sans-serif; font-weight:500;text-align:right; color:#000; 		padding-top:16px;}
li.menu-2{display:inline; text-shadow:1px 1px 1px #222; color:#fff; transition: all .4s; font-family: 'Lato', sans-serif; font-weight:500;font-size:14px;  margin-left:20px; padding-left:10px;   white-space:nowrap;  text-align:right;}
li.menu-2:hover{color:#fff; text-shadow:none;   box-shadow: inset 5px 0 0 0 #fff; color: white; }
li.menu-last-2{ font-family: 'Lato', sans-serif; font-weight:500; font-size:16px; color:#fff; white-space: nowrap; transition: all .4s; border-radius:10px; line-height:38px; display:inline; padding:10px; padding-left:8px; margin-left:20px; background:#a40016; }
li.menu-last-2:hover{ color:#fff; white-space: nowrap; transition: all .4s;line-height:38px;}

#secondary {
    height: 60px;
   background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.9) 100%);
    border-top: 0px solid red;
    border-left-width: 0;
    border-right-width: 0;
    position: fixed;
    top: -100px; /* = -wysokosc naglowka */
    left: 0; right: 0;
    opacity: 0;
    transition: all 0.4s;
	z-index:6;
	padding-top:5px;

}

#secondary.visible {
    top: 0;
    opacity: 1;
}

ol {
  list-style: none;
  counter-reset: steps;
  line-height:42px;
}
ol li {
  counter-increment: steps;
}
ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #810202;
  color: white;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}
ol ol li::before {
  background: darkorchid;
}

.navbar{display:none;}
.alert{color:red; margin-bottom:20px;}
.alert-danger{color:red;margin-bottom:20px;}
.alert-success{color:green;margin-bottom:20px;}
.form-label{text-align:left; font-weight:300;font-family: 'Roboto', sans-serif;}
.form-control{width:100%; height:30px; margin-bottom:20px;}
.form-control-height{width:100%; margin-bottom:20px;}
.center{text-align:center; font-size:14px;}
.btn{padding:20px;   display: block;
  margin-right: auto;
  margin-left: auto;background: #1d3561;
    color: #fff;}
.btn-primary{padding:20px;   display: block;
  margin-right: auto;
  margin-left: auto;background: #a40016;
    color: #fff;}		
h4{font-size:20px; line-height:30px;}
.accordion {
width: 86%;
max-width:1400px;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
margin-top:40px;
}


details {
border: 0.1px solid #999;
border-radius: 12px;
margin-bottom: 12px;
background: #f4f4f4;
overflow: hidden;
}


summary {
cursor: pointer;
padding: 16px 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
list-style: none;
}


summary::-webkit-details-marker {
display: none;
}


.icon {
font-size: 20px;
transition: transform 0.3s ease;
}


details[open] .icon {
transform: rotate(45deg);
}


.content {
padding: 0 20px 20px;
color: #333;
line-height: 1.5;
font-weight:300;
}
@media only screen and (max-width : 1024px) {
div.slider{ width:100%; height:800px; position:absolute; z-index:-1;background-image: url("2.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; filter:brightness(0.5); }
div.shadow{height:360px;}
div.shadow-in{ height:180px;}

div.nav{float:none; width:100%; height:auto; margin:0 auto;padding-top:20px;text-align:center;}
div.logo{float:none; width:100%; height:auto;margin:0 auto; text-align:center; font-family: 'Parisienne', cursive; font-size:2em;padding-top:60px;}
div.header-contact{display:none;}
div.header{display:none;}

ul.menu{list-style-type: none; padding:0;margin:0; width:100%; text-align:center;}
.thirds {font-family: 'Roboto', serif; font-weight:300; width: 90%; margin:0 auto; margin-top: 70px; float: none; background: #fff; text-align: center; line-height:26px; padding:2%; }
div.article{width:100%; float:none;font-family: 'Roboto', serif; font-weight:300; color:#333; line-height:26px; text-align:center;}
div.contact{width:100%; height:auto; overflow:hidden; float:none; background:#393f35;}
div.content-contact{width:85%; max-width:1500px; margin:0 auto; height:auto; overflow:hidden; }
div.reviews{width:100%; float:none; height:auto; overflow:hidden; margin:0 auto; font-family: 'Roboto Slab', serif; font-weight:100;color:#393f35; text-align:center;}
div.left{width:100%; float:none; text-align:left; line-height:26px;}
div.right{width:100%; float:none; text-align:center;}
ul{margin:0;}
.thirds-in {font-family: 'Roboto', serif; width: 100%; float: none; background: #fff; text-align: center; line-height:26px; margin-top:0px;font-size:18px; margin:0 auto; padding:0;}
div.section{ width:85%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; margin-top:0px;}
li.icons > img {vertical-align:-20px; margin-right:10px; max-width:40px;}
li.icons{ font-family: 'Roboto Slab', serif; display:inline; padding:30px; text-align:center; font-weight:900; font-size:10px; color:#393f35; white-space: nowrap; transition: all .4s; line-height:90px; letter-spacing:1px;}
div.thirds> img {max-width:300px;}
h2{text-align:center; line-height:40px;}
h1{font-family: 'Montserrat', sans-serif; font-weight:800; color:#ffffff; text-align:center; margin-top:40px; font-size:2em;}
p.link{width:90%; background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,1) 0%, rgba(164,0,22,0.5074404761904762) 100%, rgba(0,0,0,1) 100%);transition: all .4s; padding:20px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; font-weight:400;}
div.slider{ height:500px; }
div.slider-more{ box-shadow:none; margin-top:60px;}
div.slider-main{  margin-top:60px; padding-bottom:60px;}

div.section{margin-top:0px;}
div.icons-area{padding:20px; float:none;  width:100%; background:#fff; color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons{display:block; margin-top:40px;}
div.icons-area-last{padding:20px; float:none;  width:100%; background:#fff; margin:0 auto;color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}

div.icons-area>img{ margin-top:0px; }
div.icons-area-last>img{ margin-top:0px; }

div.icons-half{padding:20px; float:none;  width:100%;color:#000; margin-right:0%;border-right:1px solid #fff; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half-right{padding:20px; float:none;  width:100%;  color:#000; margin-right:0%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:0px; }
div.icons-half-right>img{max-width:20%; margin-top:0px; }
div.img{display:none;}
div.icons-item{display:block;}
li.logos{padding-right:30px;}
div.middle-margin{padding-bottom:40px; margin-top:40px;}
div.about{padding-top:40px;}
div.item1{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.icons-in{display:block; margin-top:80px;}
div.icons-half-right-in{width:100%;}
div.right-content{width:100%; padding-left:0%;}
li.left-navi{padding:40px;}
div.left-navi{width:100%;}
div.slider-in{padding-top:0px;}
p.motto{display:none;}
li.menu{padding-left:0px; padding:20px;}
.navbar {
  width: 100%;
  display:block;
background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,0.98) 0%, rgba(0,0,0,0.98) 50%, rgba(0,0,0,0.98) 100%);
  position:absolute;
  z-index:4;
 top:0;
 position:fixed;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
  text-transform:uppercase;
}

..nav-container a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  left: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  
}

.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color:#fff;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
  padding-top: 20px;
background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,0.98) 0%, rgba(0,0,0,0.98) 50%, rgba(0,0,0,0.98) 100%);
  height: auto;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 16px;
  font-weight: 500;
  margin-top:20px;
  color:#fff
}

.logonav {
  position: absolute;
  top: 0;
  left: 80px;
  font-size: 12px;
  color: #fff;
}
.logonavcontact {
  position: absolute;
  top: -9px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;font-weight:700; font-size:20px; padding-top:4px;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}
div.nav{display:none;}
#secondary{display:none;}
div.thirds-img{width:100%; text-align:center; margin-top:0px}
div.left{float:none; width:100%; border:none; margin: 0 auto; padding:0%}
div.right{float:none; width:100%;border:none; margin: 0 auto; padding:0%; padding-top:30px;}
div.footerin{display:block;}
h2.inblack{text-align:center;}
ul.red{list-style-type:none;}
.thirds-contact{float:none; width:92%; padding:4%; border-radius:0px; margin-top:20px; border-radius:20px; text-align:center;}
.form-control{width:98%;}
.form-control-height{width:98%;}
div.statsplus{float:none; width:86%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; margin:0 auto; line-height:14px; margin-top:4px;}
iframe.map{width:100%;}
iframe.view{width:100%;margin-top:2px}
h2.inwht{text-align:center;}
.form-label{text-align:center; }
div.about-price{width:100%;}
div.article-price{width:100%;}
div.article-all>img{max-width:100%;}
}