:root {
    --theme-color1: #e6007e;
	--theme-color2: #343434;
	--text-color: #343434;
	
	--theme-color3: #3e3e3e;
    --theme-color4: #1e1f1f;
	--theme-color5:var( --theme-color1);
}

.header-style-two .header-lower .logo-box {background:unset;max-width:250px}
.home-6-tabs .nav-tabs .nav-link:before {background-color: var(--bg-theme-color1);}
.product-discription .tab-btn-box .tab-btns li {border-radius: 8px}
/*Header ve slider v2*/
.banner-section .slide-item .bg-image { height: 100dvh!important; } 
.banner-section  .owl-carousel .owl-stage-outer { height: 100dvh!important; }
.banner-section .content-box .title {
    background: #ff008d;
    padding: 1em;display: inline-block;
    position: relative;
    border-radius: 10px;
    margin-left: -1em;
}
/*
.banner-section .content-box .title:before {
    content: "";
    background: url(https://www.aluform.com.tr/resim/upload/sb1868.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    position: absolute;
    right: 60%;
    top: 0;
    width: 100%;
    height: 100%;
    filter: unset;
    opacity: .5;
    mix-blend-mode: difference;
    z-index: -1;
    filter: saturate(0);
}
*/
.banner-section .content-box .title { font-size: 2.5em; color: white; margin-bottom: .5rem; font-weight: 300; text-transform: uppercase; } 
.banner-section .content-box .title b { font-size: 1.5em; color: white; margin-bottom: .5rem; font-weight: 600 } 
.banner-section .content-box .sub-title  { font-size: 1.5em; font-weight: 600; max-width: 600px; } 
.banner-section .slide-item .bg-image:before { background-color: var(--bg-theme-color3); opacity: 0.25; } 
.header-style-two .header-top { background-color: #ffffff00; margin-bottom: -40px; } 
.list-style-one li a { color: white; }
.header-style-two .social-icon-one li a {color: white;}

.main-menu .navigation > li > ul{margin-top: 0}
.main-menu .navigation > li > ul > li > a { padding: 10px 0px; line-height: 1.5; font-weight: 600; font-size: .9em; margin: 0 20px; color: gray }
.sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li > a{ color: var(--bg-theme-color3);font-size: .85em }
.sticky-header .main-menu .navigation > li.current:hover > a, .sticky-header .main-menu .navigation > li:hover > a{ color: var( --theme-color1); }


@media (max-width:960px){
.banner-section .content-box .title { background: rgba(0,0,0,0.27); display: block; margin-left: 0; }  
.banner-section .content-box .title { font-size: 1.25em; line-height: 1.5 } 
.banner-section .content-box .title b { font-size: 1.5em; } 
.banner-section .content-box .sub-title  { font-size: 1.25em; font-weight: 600; max-width: 600px; } 
.banner-section .slide-item {overflow: visible!important;} }



/*Header ve slider v2*/
.page-title { padding: 200px 0 110px; }
.page-title .title {font-size: 3rem;font-weight: 400;text-transform: uppercase;}

.footer-bottom{background: transparent;margin-top: -2em;}
.footer-bottom p, .footer-bottom a{font-size: .8rem!important;font-weight: 800}
.main-footer .bg-image {bottom: 0;}
.main-footer .bg-image:before {filter: grayscale(1);}
 .user-links li { position: relative; font-size: .9rem; line-height: 1.5; }
 .user-links li a{ font-weight: 600;}
header .main-menu .current li:has(a.dropdown){order: 1}
header .main-menu .current ul{display: flex!important;flex-direction: column}

.social-icon-two li a {background-color: #434343;}



.about-section-home3 .image-column .wrap-content {background-color: var(--theme-color1);}
.about-section-home3 .image-column .wrap-content:before {background-color: var(--theme-color1);filter: brightness(0.85);}
.harita iframe{width: 100%;height: 100%}
.contact-details__info li .icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.contact-details__info li .icon span {
    font-size: 20px;
}
.etiket .blog-details__tags span:nth-child(n+2) {
    font-size: 12px;
    background-color: var(--theme-color1);
    color: var(--text-color-bg-theme-color1);
    display: inline-block;
    padding: 5px 30px 5px;
    border-radius: 35px;
}

.renkcard{transition: all 0.5s ease}
.renkcard:hover{transform: scale(1.2);z-index:1}

#dokumanlar .dosya .team-block .social-links a,.haber .dosya .team-block .social-links a {
    background: var(--theme-color1);
    border-radius: 0;
    color: #fff;
    height: 100%;
    width: 100%;
}
#dokumanlar .dosya .team-block .social-links a:hover,.haber .dosya .team-block .social-links a:hover {
    color: #000;
}
#dokumanlar .dosya .inner-box,.haber .dosya .inner-box {
	background: #ebebeb70;
    border: 1px solid #e4e4e4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}
.sayfaid-6 #galeri .image-box img,.sayfaid-8 #galeri .image-box img{object-fit: contain!important;}
.sayfaid-8 #galeri .image-box img{aspect-ratio: 2 !important;}
.sayfaid-8 .inner-box img,.sayfaid-6 .inner-box img{background-color: rgba(63,62,75,0.22);padding:1em}

#dokumanlar .dosya .inner-box i{color: #e2e2e2;font-size:120px;margin-bottom: 1em;margin-top: .5em}

#dokumanlar .dosya .inner-box .info-box a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .7em;
  padding: 0 1em;
}

.post-pagination .page-item{list-style-type: unset!important;margin-left:0}


.haber .inner-box:hover .info-box{padding-bottom: 1em!important}

.haber * {    font-family: var(--text-font);}
.haber ul li {list-style: disc!important;margin-left: 2em;}

.tarihceList ul  {border-left: 5px dotted rgb(232,232,232) }
.tarihceList ul li {margin: 1em 14px;font-size: 1.25em;color: black }
.tarihceList ul li strong:first-child {font-size: 1.2em;display: block;margin-top: 2em ;color: var(--theme-color1)}

.sayfacatid-1071 .blog-details__left .blog-details__img img{height: 300px!important}
.firmalogolar .firmalar:first-child{display: block;width: 100%;border-bottom: 1px solid #ffffff4a}
.firmalogolar .firmalar:first-child img {max-height: unset!important;width: 130px!important}
#dokumanlar .dosya .team-block .social-links,.haber .dosya .team-block .social-links {opacity: unset!important;}

.news-block-two .lower-content {background: rgba(255,255,255,0.77);}
.news-block-two .image-box { border: 1px solid rgb(219,219,219) }
.news-block-two .image-box:before {  z-index: -1;  }
.news-block-two .title { color: #555;text-align: center;  }



.haberler .news-block .inner-box .lower-content .title a{
    display: -webkit-box;
  -webkit-line-clamp: 2; /* maksimum 2 satır */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sayfacatid-1071 #dokumanlar figure i,.sayfacatid-1071 #dokumanlar .info-box .social-links,.sayfacatid-1071 #dokumanlar .image-box{display: none}
.sayfacatid-1071 #dokumanlar .team-block .info-box {
    bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.sayfacatid-1071 #dokumanlar [title="DETAYLAR"]:before{
    content: "\f15c";
    width: 50px;
    height: 50px;
    font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));
    margin-right: .5em
}
.sayfacatid-1071 #dokumanlar [title="RENKLER"]:before{
    content: "\f5c3";
    width: 50px;
    height: 50px;
    font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));
    margin-right: .5em
}

.sayfacatid-1071 #dokumanlar [title="MONTAJ"]:before{
    content: "\f6e3";
    width: 50px;
    height: 50px;
    font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));
    margin-right: .5em
}


@media(max-width:991px){
.kategoriler  a{width:100%}
.about-section-home3 .image-column .wrap-content {
    top: 0;
    left: 0;
}

.firmalogolar .firmalar {flex:0 1 33%}
.iletisim .contact-details__info li{display: flex!important;column-gap: 1em;}
.iletisim iframe {height: 400px;margin-top: 2em}
.iletisim .contact-details__info li .text{width: calc(100% - 60px)}
}

.iletisim .contact-details__info li a,.iletisim .contact-details__info li span{font-size: 16px}

footer .miniMenu a {
    color: white;
    margin-right: 1em;
    margin-left: 1em
}
footer .miniMenu{padding: 1em;display: flex;justify-content: center;align-items: center;padding-top: 2em;width:100%}



.referenceHome .container .p-content h2 {
    width: 100%;
    font-size: 2.25rem;
    line-height: 1.5;
    color: var(--theme-color1);
}

@media only screen and (max-width: 1300px) {
    .referenceHome .container .p-content h2 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 769px) {
    .referenceHome .container .p-content h2 {
        font-size: 1.5rem
    }
}

.referenceHome .container .p-content p,
.referenceHome .container .p-content pre {
    color: #000;
    margin: 0
}

.referenceHome .container .owl-carousel {
    width: 100%
}

.referenceHome .container .owl-carousel .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.referenceHome .container .owl-carousel .owl-stage .item {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
    margin-top: 15px;
    margin-bottom: 15px
}

@media only screen and (max-width: 480px) {
    .referenceHome .container .owl-carousel .owl-stage .item {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.referenceHome .container .owl-carousel .owl-stage .item a {
    width: 100%;
    position: relative;
    padding: 25px 25px 15px
}

@media only screen and (max-width: 769px) {
    .referenceHome .container .owl-carousel .owl-stage .item a {
        padding: 15px 15px 5px
    }
}

.referenceHome .container .owl-carousel .owl-stage .item a .image {
    width: 100%;
    overflow: hidden
}

.referenceHome .container .owl-carousel .owl-stage .item a .image img {
    width: 100%;
    height: auto;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 1
}

.referenceHome .container .owl-carousel .owl-stage .item a .text {
    width: 100%;
    width: 100%;
    height: auto;
    z-index: 4;
    margin-top: 15px
}

.referenceHome .container .owl-carousel .owl-stage .item a .text h3 {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    color: #00305d;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (max-width: 1300px) {
    .referenceHome .container .owl-carousel .owl-stage .item a .text h3 {
        font-size: 1rem
    }
}

.referenceHome .container .owl-carousel .owl-stage .item a .text p {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #00305d;
    margin: 0;
    overflow: hidden
}

@media only screen and (max-width: 1300px) {
    .referenceHome .container .owl-carousel .owl-stage .item a .text p {
        font-size: .9rem
    }
}

.referenceHome .container .owl-carousel .owl-stage .item a:hover .image img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.referenceHome .container .owl-carousel .owl-stage .item a:hover .text h3 {
    color: var(--theme-color1);
}

.referenceHome .container .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px;
    z-index: 1
}

.referenceHome .container .owl-carousel .owl-nav button {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #00305d;
    z-index: 30;
    text-align: center
}

.referenceHome .container .owl-carousel .owl-nav button.owl-prev {
    left: -55px
}

.referenceHome .container .owl-carousel .owl-nav button.owl-prev i {
    margin-left: -1px
}

@media only screen and (max-width: 1300px) {
    .referenceHome .container .owl-carousel .owl-nav button.owl-prev {
        left: -20px
    }
}

.referenceHome .container .owl-carousel .owl-nav button.owl-next {
    right: -55px
}

@media only screen and (max-width: 1300px) {
    .referenceHome .container .owl-carousel .owl-nav button.owl-next {
        right: -20px
    }
}

.referenceHome .container .owl-carousel .owl-nav button.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .4
}

.referenceHome .container .owl-carousel .owl-nav button i {
    font-size: 23px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.referenceHome .container .owl-carousel .owl-nav button:hover {
    background-color: var(--theme-color1);
}

.referenceHome .container .owl-carousel .owl-nav button:hover i {
    color: #fff
}

.referenceHome .container .owl-carousel .owl-dots {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    margin-top: 10px
}

.referenceHome .container .owl-carousel .owl-dots.disabled {
    margin: 0;
    visibility: hidden
}

@media only screen and (max-width: 992px) {
    .referenceHome .container .owl-carousel .owl-dots {
        width: 100%;
        text-align: center
    }
}

.referenceHome .container .owl-carousel .owl-dots button {
    margin: 3px
}

.referenceHome .container .owl-carousel .owl-dots button.active span {
    background-color: #000;
    opacity: 1
}

.referenceHome .container .owl-carousel .owl-dots button span {
    width: 8px;
    height: 8px;
    background-color: var(--theme-color1);;
    opacity: .3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

@media only screen and (max-width: 992px) {
    .referenceHome .container .owl-carousel .owl-dots button {
        float: none;
        display: inline-block
    }
}

.referenceLogoHome .container .p-content h2 {
    width: 100%;
    font-size: 2.25rem;
    line-height: 1.5;
}

@media only screen and (max-width: 1300px) {
    .referenceLogoHome .container .p-content h2 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 769px) {
    .referenceLogoHome .container .p-content h2 {
        font-size: 1.5rem
    }
}

.referenceLogoHome .container .p-content p,
.referenceLogoHome .container .p-content pre {
    color: #000;
    margin: 0
}

.referenceLogoHome .container .owl-carousel {
    height: auto;
    width: 100%
}

.referenceLogoHome .container .owl-carousel .owl-stage .box {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.referenceLogoHome .container .owl-carousel .owl-stage .box .row div[class^="col-"] {
    margin-top: 10px;
    margin-bottom: 10px
}

.referenceLogoHome .container .owl-carousel .owl-stage .box .row div[class^="col-"] .Image {
    display: flex !important;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border: 1rem solid rgba(242, 244, 248, 0.8);
	height: 100%

}

.referenceLogoHome .container .owl-carousel .owl-stage .box .row div[class^="col-"] .Image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.referenceLogoHome .container .owl-carousel .owl-stage .box .row div[class^="col-"] .Image img {
    display: flex !important;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    align-self: center !important
}

.referenceLogoHome .container .owl-carousel .owl-stage .box .row div[class^="col-"] .Image:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.referenceLogoHome .container .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px;
    z-index: 1
}

.referenceLogoHome .container .owl-carousel .owl-nav button {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #00305d;
    z-index: 30;
    text-align: center
}

.referenceLogoHome .container .owl-carousel .owl-nav button.owl-prev {
    left: -55px
}

.referenceLogoHome .container .owl-carousel .owl-nav button.owl-prev i {
    margin-left: -1px
}

@media only screen and (max-width: 1300px) {
    .referenceLogoHome .container .owl-carousel .owl-nav button.owl-prev {
        left: -20px
    }
}

.referenceLogoHome .container .owl-carousel .owl-nav button.owl-next {
    right: -55px
}

@media only screen and (max-width: 1300px) {
    .referenceLogoHome .container .owl-carousel .owl-nav button.owl-next {
        right: -20px
    }
}

.referenceLogoHome .container .owl-carousel .owl-nav button.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .4
}

.referenceLogoHome .container .owl-carousel .owl-nav button i {
    font-size: 23px;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.referenceLogoHome .container .owl-carousel .owl-nav button:hover {
    background-color: var(--theme-color1);
}

.referenceLogoHome .container .owl-carousel .owl-nav button:hover i {
    color: #fff
}

.referenceLogoHome .container .owl-carousel .owl-dots {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    margin-top: 10px
}

.referenceLogoHome .container .owl-carousel .owl-dots.disabled {
    margin: 0;
    visibility: hidden
}

@media only screen and (max-width: 992px) {
    .referenceLogoHome .container .owl-carousel .owl-dots {
        width: 100%;
        text-align: center
    }
}

.referenceLogoHome .container .owl-carousel .owl-dots button {
    margin: 3px
}

.referenceLogoHome .container .owl-carousel .owl-dots button.active span {
    background-color: #000;
    opacity: 1
}

.referenceLogoHome .container .owl-carousel .owl-dots button span {
    width: 8px;
    height: 8px;
    background-color: var(--theme-color1);
    opacity: .3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

@media only screen and (max-width: 992px) {
    .referenceLogoHome .container .owl-carousel .owl-dots button {
        float: none;
        display: inline-block
    }
}


/*Diğer markalar*/
[data-katid="1089"] .news-block-two .image-box .image img{aspect-ratio:2!important;object-fit: contain!important;object-position: center}
[data-katid="1089"] .inner-box {background: rgb(246,246,246);}
[data-katid="1089"] .y1 .inner-box {background: rgb(210,210,210);}
[data-katid="1089"] .y1 .image-box .image img{visibility: hidden}
[data-katid="1089"]  .news-block-two .lower-content {background: rgb(243,243,243);padding: 1em;position: static}
[data-katid="1089"]  .news-block-two .lower-content .title{font-size: 1em;text-align: center;color: black}
[data-katid="1089"] .news-block-two .image-box:before{content: unset!important}
[data-katid="1089"] .y1.news-block-two  img {margin-bottom: 3.2em}
[data-katid="1089"] .news-block-two .lower-content:after{content: unset}
[data-katid="1089"] .y1.news-block-two .lower-content {position: absolute;height: 100%;display: flex;align-items: center;justify-content: center}
[data-katid="1089"] .y1.news-block-two .lower-content .title {font-size: 2em;text-transform: uppercase;opacity: .5}

/*Diğer markalar*/

/*Anasayfa referanslar*/
.project-item-home3 .pxl-item--inner .item--holder .pxl-wrap-content {
    padding: 10px 80px 10px 40px;
}

.project-item-home3 .pxl-item--inner .item--holder {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
    min-height: 80px;
    opacity: 1;
    visibility: visible;
 
}
/*Anasayfa referanslar*/

/*Ürün kategori kartları*/
.project-block .image-box{border:1px solid rgb(228,228,228);}

.project-block .image-box .image::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

.project-block .inner-box:hover .image:before {
    height: 130%;
}

.project-block .content-box .title a {color: #333;}
.project-block:hover a{color: var(--theme-color1)!important;}
.project-block .content-box .sub-title:before {background-color: var(--bg-theme-color1);}
/*Ürün kategori kartları*/


@media only screen and (min-width: 1024px) and (max-width: 1900px)  {	
.header-style-two .main-menu .navigation > li {padding: 15px 0;}
.header-style-two .main-menu .navigation > li:hover > a, .header-style-two .main-menu .navigation > li.current > a {font-size: .8em;}
.header-style-two .header-lower .logo-box {max-width: 200px;}
.main-header .main-box {display: flex;align-items: center;}
header .main-menu {    margin-left: auto}
header .cat-button .theme-btn .btn-title{font-size: .8em}
header .cat-button a{padding: 5px!important;}

}


@media only screen and (min-width: 1024px) and (max-width: 1300px)  {
	header .cat-button{display: none!important}
	
}




@media(min-width:1024px){
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-section {
    height: 940px;
}
}


.haber .yan li{list-style-type: unset!important;margin-left: 0}