@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
html,body{width:100%;height:100%;font-family: sans-serif !important;margin:0px;padding:0px;scroll-behavior:smooth;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
body::-webkit-scrollbar { width:2px;background-color: #F5F5F5;}
body::-webkit-scrollbar-thumb { background-color: #38455d; border: 1px solid #38455d;border-radius:0px;}
::selection { background: #0e2364;color:#FFFFFF;text-shadow: 0;}
::-moz-selection {background: #0e2364;color: #FFFFFF;}
.xs-hidden{display: block;}
.md-hidden{display: none;}
.aksun-color{color: #0e2364;}
.logo{z-index: 1;}
.navbar{background-color:rgba(255, 255, 255, 0.082);padding: 0.5rem 0px 0px 0px !important;}
.navbar {box-shadow: 0px 0px 8px 0px black;}
.nav-item .nav-link{display: block;line-height: 22px;padding: 39px 8px;color: #444 !important;font-weight: bold;font-size: 13px;letter-spacing: 1px;text-transform: uppercase;font-family: 'Raleway', sans-serif;;}
/* .nav-link{padding: 10px !important; margin: 6px !important; border-radius: 12px;} */
.nav-link:hover{color: orange !important; background-color: #fff;}
.hvr-overline-reveal{top: -2px;}
.hvr-overline-reveal:before{background: #fff !important;}
.hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before{background-color: #fff;}
.collapse{width: 100%;}
.contact-link{text-align: end;}
.contact-link a{color: #fff; text-decoration: none;}
.contact-link a:hover{color: #fff;}
.slider-bg {height: 100vh;}
.footer-logo {margin-top: 40px;}
.socials{text-align: end; padding-top: 12px;}
.socials a{padding: 0.5rem 1rem; font-size: 20px; color: #fff;}
.socials a:hover{color: rgb(177, 176, 176);}
/* #main .carousel{margin-top: 5%;} */
.navbar {background-color: #fff;}
.hakkinda{position: relative; top: 8%;}
.hakkinda h3{color:#0e2364;}
.hakkinda h6{color:#0e2364;}
#referanslar .baslik {margin-bottom: 0;}
#referanslar .carousel-inner{border: 1px solid black;}
#referanslar .img-box2{border: 1px solid black;}
#referanslar .custom-border{border: 1px solid black;border-top: none;}
.kisa{color:#0e2364;}
.urung{color:#0e2364; position: relative;top: 20%;}
.neden h5, h3{color:#0e2364;}
.purun h5, h3{color:#0e2364;}
.blur {-webkit-backdrop-filter: saturate(180%) blur(6px);backdrop-filter: saturate(180%) blur(6px);background-color: #0e236494;}
.neden{background-image: url("../images/bg.png");background-repeat: no-repeat; background-position:inherit;background-size:100%; height: 100%;z-index: -1;}
.neden .container{position: relative;top: 170px;}
.footer{background-color: #333; color:white; font-weight: lighter;}
.footer a{color:white; font-weight: lighter;}
.footer ul{padding: 0;}
.footer ul li{list-style: none; padding: 2px;}
.btn-outline-blue {color: #0e2364!important;background-color: transparent;background-image: none;border-color:#0e2364!important;}
.btn-outline-blue:hover {color: #fff!important;background-color: #0e2364;background-image: none;border-color:#0e2364!important;}
.btn-outline-light:hover {color: #0e2364!important;background-color: #fff;background-image: none;border-color:#fff!important;}
.title-arch {text-align:center;margin-bottom: 50px;font-size:22px;letter-spacing:2px;text-transform:uppercase;}
#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;
}
.navbar .container {
   display: block !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: orange !important;
  border-color: orange !important;
}
.btn-success.focus, .btn-success:focus {
  box-shadow: 0 0 0 0.2rem orange !important;
}
.navbar-expand-lg .container {
   padding-right: 15px !important;
   padding-left: 15px !important;
}

/**********************/
.grid-item {
   width: 30%;
   margin-bottom: 10px;
 }
 
 .middle-text p {
   font-size: 1.2em;
   line-height: 30px;
   font-weight: 300;
 }


 .gallery {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   grid-template-rows: repeat(8, 5vw);
   grid-gap: 1.5rem; 
 }
 
 .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;
 
   /** 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;
 
   /** 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;
 
   /** 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;
 
   /** 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;
 
   /** 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;
 
   /** Alternative Syntax **/
   /* grid-column: 5 / span 4; */
   /* grid-row: 6 / span 3; */
 }


 .gallery__item--1-1 {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 3;

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

.gallery__item--2-2 {
  grid-column-start: 9;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 3;

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

.gallery__item--3-3 {
  grid-column-start: 5;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 6;

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

.gallery__item--4-4 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 3;
  grid-row-end: 6;

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

 

 .text-container {
   background-color: #000;
   opacity: 0.8;
   padding: 50px 0px 50px 0px;
   color: #fff !important;
 }

 .text-container p {
   font-size: 1.2em;
   line-height: 50px;
   font-weight: 300;
   margin-bottom: 0;
 }

 #pencere .ust-bg {
    background-image: url(../images/pencere/pencere-sistemleri.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    height: 532px;
    overflow: hidden;
 }

 .ust-bg:before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.5);
   transition: all .2s linear;
 }

 .ust-bg h3 {
    position: relative;
    top: 60%;
    color: #fff;
 }

  .urunler p {
   color: #777;
   font-size: 15px;
   line-height: 1.8;
 }

  .urunler h6 {
   color: orange;
   font-style: italic;
 }

  .urunler .btn {
   background-color: transparent;
   color: black;
   border-color: black;
 }

  .urunler .btn:hover {
   background-color: rgb(57, 57, 57);
   color: #fff;
 }

 #pencere .yararlar p {
   color: #555;
   font-size: 16px;
   line-height: 1.8;
 }

 #pencere .yararlar h5 {
   color: rgb(182, 35, 35);
   letter-spacing: 2px;
 }

 #urun-detay .ust-bg {
   background-position: center;
   background-repeat: no-repeat;
   height: 532px;
   overflow: hidden;
}

.main-bg {
  background-image: url(../images/main/rehau-gorsel-3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  height: 600px;
  overflow: hidden;
}

.xzoom-lens{cursor: zoom-in;}
.xzoom-preview{-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);-moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.15);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color: #FFF;}
#xzoom-default,.zoom-source{background: white;}
.xactive {border: 1px solid #d05753;}
.xzoom-thumbs img {width: 100px;}

#urun-detay ul li {
   list-style: none;
}

#urun-detay ul li p {
   color: #777;
   font-size: 12px;
}

#urun-detay ul li h6 {
   letter-spacing: 1px;
   font-size: 16px;
}

.product-name {
   font-weight: 600;
}

#urun-detay .tab-pane p {
  font-size: 14px;
}

#urun-detay .nav-tabs a {
  color: black;
}

#urun-detay .nav-tabs .nav-link {
  background: #f5f5f5;
}

#urun-detay .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #fff !important;
}

.orange {
  color: orange;
}

.green {
  color: green;
}

.pink {
  color: #d13d73;
}

.owl-carousel3 a .icon {
  display: none;
  color: orange;
  position: absolute;
  top: 40%;
  left: 36%;
}

.owl-carousel3 a img {
  transition: all 1s ease;
}

.owl-carousel3 a:hover img {
  filter: brightness(0.5);
}

.owl-carousel3 a:hover .icon {
  display: block;
}

#surme-sistemleri .ust-bg {
  background-image: url(../images/surme/surme-sistemler.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#surme-sistemleri p {
  color: #555;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 5px;
}

#kis-bahcesi .ust-bg {
  background-image: url(../images/kis/kisbahcesi.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

.kis-uygulama img {
  padding: 20px;
  border:  4px #999 double;
  border-radius: 20px;
  margin-top: 20px;
}

#panjur .ust-bg {
  background-image: url(../images/panjur/panjur.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#kepenk .ust-bg {
  background-image: url(../images/kepenk/kepenk.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#hakkimizda .ust-bg {
  background-image: url(../images/hakkimizda/hakkimizda.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#rehau .ust-bg {
  background-image: url(../images/rehau/rehau.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#iletisim .ust-bg {
  background-image: url(../images/iletisim/iletisim.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#iletisim ul li {
  list-style: none;
}
#iletisim p {
  margin-bottom: 5px;
}
#iletisim a {
  color: #000;
}

#referanslar .ust-bg {
  background-image: url(../images/galeri/rehau.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

#referanslar .galeri a .icon {
  display: none;
  color: orange;
  position: absolute;
  top: 45%;
  left: 45%;
}

#referanslar .galeri a img {
  transition: all 1s ease;
}

#referanslar .galeri a:hover img {
  filter: brightness(0.5);
}

#referanslar .galeri a:hover .icon {
  display: block;
}


#referanslar .galeri p
{
    font-size: 24px;
    text-align: center;
    font-weight: 500;
}
#referanslar .filter-button
{
    font-size: 18px;
    border: 1px solid orange;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
    background: #fff;

}
#referanslar .filter-button:hover
{
    font-size: 18px;
    border: 1px solid black;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: orange;

}
#referanslar .btn-default:active .filter-button:active
{
    background-color: orange;
    color: white;
}

#referanslar .port-image
{
    width: 100%;
}

#referanslar .galeri_product
{
    margin-bottom: 30px;
}

#saticilar .ust-bg {
  background-image: url(../images/galeri/rehau.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  height: 532px;
  overflow: hidden;
}

.text-box {
  background-color: #e5e5e5 !important;
  padding: 20px;
}

.text-box p {
  margin-bottom: 0;
}

.gallery a img {
  transition: all 1s ease;
}

.gallery a:hover img {
  filter: brightness(0.5);
}

.img-box2 {
  /* height: 280px; */
  height: 420px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.44);
  border-bottom: none;
}

.img-box {
  width: 200px;
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.owl-carousel3 .img-box {
  transition: all 1s ease;
}

.owl-carousel3 a:hover .img-box {
  filter: brightness(0.5);
}

.figure-text {
  /* position: relative;
    z-index: 9999;
    bottom: 45px;
    color: #fff;
    background: #00000063;
    left: 70%;
    overflow: hidden;
    width: 260px;
    text-align: center;
    padding: 5px; */
    position: relative;
    z-index: 3;
    bottom: 85px;
    color: #fff;
    background: #00000063;
    left: 70%;
    overflow: hidden;
    width: 180px;
    text-align: center;
    padding: 5px;
}
/**********************/


@media screen and (max-width: 1560px) {
   
}

@media screen and (max-width: 1440px) {
   #hakkimizda .factory img {
      width: 696px;
      margin-top: 80px;
   }
}

@media screen and (max-width: 1360px) {
   
}


@media screen and (max-width: 500px) {

  .text-container p {
    font-size: 1em;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 0;
}

  .main-bg {
    height: 300px;
}

  figure {
    margin: 0 0 -1rem !important;
}

  .figure-text {
    display: none;
}

  .navbar-nav {
    text-align: center;
}

  .nav-item .nav-link {
    padding: 10px 4px;
}

  #urun-detay .nav-tabs .nav-link {
    background: #f5f5f5;
    font-size: 12px;
}

   .xs-hidden {
      display: none;
   }

   .md-hidden {
      display: block;
   }

   .socials{text-align: center; padding-top: 5px;}

   .nav-item {
      padding-right: 0px;
  }


.nav-item .nav-link {
   width: unset;
}


#tabmenu {
   bottom: 0;
}

#tabmenu nav {
   height: unset;
}

}