/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Licorice&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap');
@import url('lighthouse.css');
/*general settings*/
.montserrat{font-family: 'Montserrat', sans-serif !important;}
.prompt{font-family: 'Prompt', sans-serif !important;}
.licorice{font-family: 'Licorice', cursive;}
.work{font-family: 'Work Sans', sans-serif;}
.mavi{color:#114f8e !important;}
.bg-gri{background-color: #808080 !important;}
.yesil{background-color:#39b54a !important;}
.rounded-5{border-radius: 30px !important;}
.egik{clip-path: polygon(0 0, 100% 14%, 100% 100%, 0% 100%);}
.bg-dark{transition: 0.4s;}
.radius-img{border-radius: 50px 50px 0px 0px;}
.radius-ust{border-radius: 50px;}
.icons{display: flex; justify-content: center;}

/*animations*/
/*slider animations*/
@keyframes slider-urun {
  from {left: -600px; top: 0px;}
  to {left: 0px; top: 0px;}
}
.slider-urun img{
  transition: .3s;
  position: relative;
  animation: slider-urun 2s;
  animation-direction: alternate;
}
/*product images animation*/
#product .col-md-4 img{transition: .2s;}
#product .col-md-4 img:hover{width: 110% !important;}

/*media animation*/
.icons a{transition: .2s;}
.icons a:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.icons img{transition: .2s; height: 100px !important}
.icons img:hover{height: 110px !important;}
.middle-media .pc{transition: .7s !important;}
.middle-media .pc:hover{transform: rotate(10deg);}
/*middle-info buton animation*/
.middle-info .link{transition: .2s;}
.middle-info .link:hover{
  color:#000 !important;
  background-color: #fff !important;
}
/*animations end*/

/*header*/
.navbar{
  -webkit-transition: all .4s; // Chrome
  -moz-transition: all .4s; // Mozilla
  -o-transition: all .4s; // Opera
  transition: all .4s;
}
.navbar .menu-social a{
  color:#fff !important;
}
.navbar .text-kahverengi{
  font-family: 'Montserrat', sans-serif;
  color:#b05939 !important;
}
.navbar-collapse a{
  font-family: 'Montserrat', sans-serif;
  color:#114f8e !important;
}
.nav-item .dropdown-menu a{
  transition: .2s;
}
.nav-item .dropdown-menu a:hover{
  padding-left: 5px;
}
/*
.resimli-menu{
  width: 500px;
}
.resimli-menu li{
  text-align: center;
}*/
/*header end*/

/*about section*/
.hakkimizda-yazi{margin:100px 0px;}
.vision-mision{margin-top: 100px;}
.vision-mision p{padding: 30px 60px;}
.vertical {
  border-right: 1px solid white;
  height: 300px;
}

/*media section*/
#media{
  background-image: url('../assets/img/media-bg.png');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .9;
  margin-bottom: 50px;
}

.sektorler .col-md-4 .card{transition: .2s; color:#114f8e;}
.sektorler .col-md-4 .card:hover{background-color: #114f8e !important; color:#fff !important;}

/*product-page section*/
#product-page{
  background-image: url('../assets/img/urunler-bg.png');
  background-position: bottom;
  background-repeat: no-repeat;
  opacity: .9;
  margin-bottom: 50px;
}

/*product-category page*/
#product-category .category-banner{
  background-image: url('../assets/img/urunler-banner.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

/*product-detail page*/
#product-detail{
  background-image: url('../assets/img/orta-mavilik.png');
  background-position: top;
  background-repeat: no-repeat;
}
#product-detail .urun-detay{
  margin-top: 180px;
}
#product-detail .urun-aciklama{
  color: #fff;
}
/*contact page*/
#contact{
  background-image:url('../assets/img/contact.png');
  background-size:cover;
  z-index:-1;
}
/*footer*/
#footer{
  background-image:url('img/footer.png');
  background-size:cover;
  background-attachment: fixed;
  z-index:-1;
}

#footer .container{
  background-size:cover;
  background-attachment: fixed;
}

/*media settings*/
@media (max-width: 600px) {
  /*product index*/
  #product .swiper-slide{
    padding: 10px;
    width: 100% !important;
  }

  /*slider caption*/
  .carousel-caption{height: 43px;}
  .carousel-caption h1{
    font-size: 22px !important;
  }
  .carousel-caption p{
    font-size: 22px !important;
  }
  /*middle info background for mobile devices*/
  .middle-info .title,.title-2,.desc{
    color:#000;
  }
  .middle-info .link{
    color:#000 !important;
    border-color: #000 !important;
  }
  .navbar{background-color: #fefefe !important;}
  .navbar .navbar-toggler{border-color: #ddd !important;}

  .navbar-brand {
    padding-left: 10px;
    height: 25px;
  }
  .navbar-brand img{
    height: 30px;
  }
  .resimli-menu{
    width: 300px;
  }
  .collapse{
    margin-left: 0px;
    padding: 0px;
  }
  .collapse a{margin: 0px;}
  .collapse a:hover{
    border-bottom: none;
  }

  /*about section mobile device settings*/
  #about-content h2{color:#000 !important;}
  #about-content p{color:#000 !important;}
  .vision-mision { margin: 0px;}
  .vision-mision p{padding: 0px;}

  /*product-category mobile device settings*/
  #product-category .category-banner{
    background-image: url('../assets/img/urunler-banner.png');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  /*product-detail mobile device settings*/
  #product-detail{background: #eee;}
  #product-detail .category-banner h2{width: 100% !important;}
  #product-detail .category-banner p{width: 100% !important;}
  #product-detail .urun-detay{margin: 10px !important;}
  #product-detail .urun-aciklama{color:#000 !important;}
  .icons img{height: 85px !important}
}
@media (min-width: 630px) {
  .ref-bg-image img{
    top: 1700px;
  }
  .navbar-brand {
    padding-left: 10px;
  }
  .icons{
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 980px) {
  #about-content{
    background:url('../assets/img/about-middle.png');
    padding-bottom: 70px;
    background-position: bottom;
    background-repeat: no-repeat;
    opacity: .9;
    box-shadow: 0px 2px 50px black;
  }
  .slider-urun img:hover{width: 66% !important;}
  .carousel-caption h1{
    font-size: 52px !important;
  }
  .carousel-caption p{
    font-size: 42px !important;
  }
  .carousel-caption img{
    width: 65% !important;
  }
  .carousel-caption .slider-urun a{
    padding: 6px !important;
    text-indent: 115px !important;
    width: 40%;
  }
  .ref-bg-image img{
    top: 2270px;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
    flex-direction: row;
    justify-content: flex-end;
  }
  .navbar-brand {
    padding-left: 10px;
  }
  .navbar-collapse{
    margin-left: 150px;
  }
}
@media (min-width: 1280px) {
  .carousel-caption{
    height: 60% !important;
  }
}
@media (min-width: 1500px) {
  .slider-urun img:hover{
    width: 100% !important;
    padding-bottom: 20px !important;
  }
  .carousel-caption h1{
    font-size: 100px !important;
    margin-bottom:-60px;
  }
  .carousel-caption p{
    font-size: 110px !important;
  }
  .carousel-caption img{
    width: 100% !important;
  }
  .carousel-caption .slider-urun a{
    z-index: -1 !important;
    padding: 7px 0px !important;
    text-indent: 0px;
    width: 30% !important;
    transition: .5s;
  }
  .ref-bg-image img{
    top: 2600px;
  }
  .collapse{
    margin-left: 10rem;
    padding: 20px;
  }
  .collapse a{margin: 10px;}
}
@media (min-width: 2200px) {
  .middle-media{
    margin-top: 300px !important;
  }
}
@media (min-width: 3000px) {
  .slider-urun img:hover{
    width: 100% !important;
    padding-bottom: 20px !important;
  }
  .carousel-inner video{width: 100% !important;}
  .carousel-caption h1{
    font-size: 222px !important;
    margin-bottom:-100px;
  }
  .carousel-caption p{
    font-size: 210px !important;
  }
  .carousel-caption img{
    width: 100% !important;
  }
  .carousel-caption .slider-urun a{
    z-index: -1 !important;
    padding: 17px 0px !important;
    text-indent: 0px;
    width: 20% !important;
    transition: .5s;
    font-size: 20px !important;
  }
  .ref-bg-image img{
    top: 2800px;
  }
  .collapse{
    margin-left: 10rem;
    padding: 20px;
  }
  .collapse a{margin: 10px;}

  /*urunler*/
  #product{
    margin-bottom: 0px !important;
  }
  #product .col-md-4{
    margin-bottom: 500px !important;
  }
  #product .middle-info{
    margin-bottom: 500px !important;
  }
  #referances{
    padding-top: 400px !important;
  }
}
/*media settings end*/

/*brands*/

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}