html{ width:100%; }
body{width:100%;margin:0;overflow-x: hidden; background: #fff;font-family: 'NexaBook'; }
a, a img{text-decoration:none;outline:none;border:none;transition: 0.3s ease-in 0s;}
.clr{ clear:both; height:0;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;color: #000;font-family: 'NexaBook';}
a:focus {outline: 0;}
@font-face {
    font-family: 'NexaBold';
    src: url('font/Nexa-Bold.eot');
    src: url('font/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Nexa-Bold.woff2') format('woff2'),
        url('font/Nexa-Bold.woff') format('woff'),
        url('font/Nexa-Bold.ttf') format('truetype'),
        url('font/Nexa-Bold.svg#Nexa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaBook';
    src: url('font/Nexa-Book.eot');
    src: url('font/Nexa-Book.eot?#iefix') format('embedded-opentype'),
        url('font/Nexa-Book.woff2') format('woff2'),
        url('font/Nexa-Book.woff') format('woff'),
        url('font/Nexa-Book.ttf') format('truetype'),
        url('font/Nexa-Book.svg#Nexa-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NexaLight';
    src: url('font/Nexa-Light.eot');
    src: url('font/Nexa-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Nexa-Light.woff2') format('woff2'),
        url('font/Nexa-Light.woff') format('woff'),
        url('font/Nexa-Light.ttf') format('truetype'),
        url('font/Nexa-Light.svg#Nexa-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


.fancybox-button svg path {color: #fff !important;}
.wrapper{ overflow:hidden; opacity: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
header{position: fixed;left:0;top: 42px;width:100%;padding: 0;z-index: 10;transition: 0.2s ease 0s;height: auto;}
.center{ width:1218px; margin:0 auto;}
.gallery-center{ width:1000px; margin:0 auto;}
header .logo{ float:left;}
header.fixed{background: #fff;top:0;padding: 10px 0;box-shadow: 1px 3px 35px 0px rgb(80 80 80 / 17%);}
header.fixed .logo img{ height: 60px;}
header.fixed nav {margin-top: 24px;}
header nav{ float:right;margin-top:34px;}
header nav a{margin-right:50px;font-weight: 500;position: relative;font-family: 'Montserrat', sans-serif;}
header nav a:last-child{ margin-right:0;}
header  nav a::after{ content:''; width:0; height:1px; position:absolute; right:0; bottom:-2px; background:#000;transition: 0.5s ease 0s;}
header  nav a:hover::after, header nav a.active::after{ width:100%; left:0; right:0;}
.banner-home img{width: 75% !important;float:right;}
.banner-home{ float:right; width:80%; margin-top:170px; }
.banner-home .textarea{position: absolute;left: 2%;top: 44%;width: 23%;transform: translate(0%,-40%); opacity: 0; transition: 0.4s ease-in 0.3s;}
.banner-home .active .textarea{transform: translate(0%,-50%); opacity: 1;}
.banner-home .textarea .title-sub{font-weight: 800;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #999999; margin-bottom: 8px;}
.banner-home .textarea span{font-weight:500;display: block;color: #D11F23;font-size: 32px;font-family: 'NexaBold';}
.banner-home .textarea small{ font-weight:500; display: block; color: #000;font-size: 32px; margin-bottom: 17px;}
.banner-home .textarea p{ font-weight:500; display: block; color: #000;font-weight: normal;font-size: 16px; width:90%;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.banner-home .textarea a{ font-weight:500; transition: 0.3s ease 0s; display: block; margin-top:20px; position: relative;}
.banner-home .textarea a{font-style: normal;border: 0;float:left;border-radius: 3px;width: 202px;height:54px;line-height: 54px;display: block;line-height: 54px;padding-left: 32px;font-weight: bold;font-size: 16px;letter-spacing: -0.02em;position: relative;color: #D11F23;background: #F7F7F7;}
.banner-home .textarea a::after{ position: absolute; transition: 0.3s ease-in 0s; right:28px; content: ''; top:25px; background: url(../img/btn-arrow.png) no-repeat; width:30px; height:6px}
.banner-home .textarea a:hover::after{ right:20px;}
.banner-home .textarea a:hover{ background: #f4c8c9;}
.banner-home .owl-theme .owl-dots{position: absolute;bottom: 12%;left: 2%;}
.banner-home .owl-theme .owl-dots .owl-dot span{border:1px solid #E5E5E5;margin: 0;display: block;background: #E5E5E5;width:10px;height:10px;border-radius: 0;}
.banner-home .owl-theme .owl-dots .owl-dot.active span{ border:1px solid #D11F23; background: #D11F23; }
.banner-home .owl-theme .owl-dots .owl-dot{margin-right: 10px;}

/* menu icon */
.fixed .menu-icon{top: 21px;}
.fixed .menu-icon.active {top: 25px;}
.menu-icon{position:absolute;float:left;min-width: 76px;height: 70px;margin-left: 0;padding:12px;cursor:pointer;z-index: 9999999;display: none;right: 5px;top: 21px;}
.menu-icon::before{content:"";position:absolute;left:0;top:10%;width:1px;height:80%;background: #000;opacity: 0;}
.menu-icon a{position:relative;width: 40px;height: 40px;margin-top: 0;display: block;}
.menu-icon a::before, .menu-icon a i, .menu-icon a::after{content:"";display:block;position:absolute;left:0;top:0;width: 41px;height:1px;background: #000;transition: all 0.3s ease-in-out;}
.menu-icon a::before{top:0;}
.menu-icon a i{width: 41px;top: 17px;/* display: none; */background: #000;}
.menu-icon.active i{width: 0;opacity: 0;}
.menu-icon.active{top: 21px;}
.menu-icon a::after{top: 8px;}
.menu-icon.active::before{ display:none;}
.menu-icon.active a:before {-webkit-transform: translateY(3px) rotate(130deg);-moz-transform: translateY(3px) rotate(130deg);-o-transform: translateY(3px) rotate(130deg);-ms-transform: translateY(3px) rotate(130deg);transform: translateY(3px) rotate(130deg); display:block;}
.menu-icon.active a:after {-webkit-transform:  translateY(-5px) rotate(-130deg);-moz-transform:  translateY(-5px) rotate(-130deg);-o-transform:  translateY(-5px) rotate(-130deg);-ms-transform:  translateY(-5px) rotate(-130deg);transform: translateY(-5px) rotate(-130deg);}
/* menu icon */


.btn:hover{ background: #f4c8c9 !important;}
.btn::after{transition: 0.3s ease 0s; }
.btn{transition: 0.2s ease 0s;}
.btn:hover::after{ right:14px !important;}

.maps-btn{
    display:block;width:100%;height:55px;background:#f1f1f1;padding:15px;border-radius:5px;
}

.maps-btn img{
    height:25px;float:left;
}

.maps-btn span{
    float:left;margin-top:5px;margin-left:10px;
}

.google-btn{
    margin-bottom:25px;
}

.urun-galerisi{
    height:340px;
}

.urun-galerisi .owl-item > div a:before{
    content:"";position:absolute;inset:0;background: rgba(0,0,0,.6);transition: all 0.5s ease-out;
}
  .urun-galerisi   .owl-item.center > div a:before {
    opacity:0;transition: all 0.5s ease-out;
  }

.urun-galerisi .owl-nav{
    position:absolute !important;top:50% !important;width:100%;
}

.urun-galerisi .owl-nav .owl-prev{
    float:left;margin-left:20px !important;
}

.urun-galerisi .owl-nav .owl-next{
    float:right;margin-right:20px !important;
}

.urun-galerisi .owl-nav .owl-next img, .urun-galerisi .owl-nav .owl-prev img{
    height:24px;
}

.urun-galerisi .owl-item img{
    height:340px !important;width:auto !important;
}


.home-product-brand{width:1217px;margin: 0 auto;}
.home-product-brand .left{width: 100%;float:left;padding-left: 104px;padding-top: 58px;position: relative;overflow: hidden;}
.home-product-brand .left::after{position: absolute;left:0;top:0;content: '';width: 696px;height: 961px;background: #F7F7F7;z-index: -1;}
.home-product-brand .left h3{font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;margin-bottom: 0;width: auto;display: inline-block;}
.home-product-brand .left h4{ font-style: normal;font-weight: normal;font-size: 17px;line-height: 150%;letter-spacing: 0.2em;color: #000000; margin-bottom: 14px;}
.home-product-brand .owl-theme .owl-dots{float:left;width:100%;margin: 25px 0;text-align: left;margin-top: 25px;}

.home-product-brand .right{width: 450px;float:right;padding-top: 58px;}
.home-product-brand .right h3{ font-size: 16px;line-height: 150%;letter-spacing: -0.02em; color: #696969; margin-bottom: 100px;  }
.home-product-brand .right .logos{ width:100%; float:left;height:525px;}
.home-product-brand .right .logos a{float:left; position:relative; margin-bottom: 1%;line-height: 168px;border: 1px solid rgba(0, 0, 0, 0.1);margin-right: 1%;width: 29.3%;height: 125px;text-align: center;}
.home-product-brand .right .logos a:nth-child(3n+0){margin-right:0;}
.home-product-brand .right .logos a img{ width:auto; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;max-width:65%;}
.home-product-brand .right .all{font-style: normal;float:left;width: 202px;height:54px;line-height: 54px;display: block;font-weight: bold;font-size: 16px;letter-spacing: -0.02em;position: relative;color: #D11F23;margin-top: 119px;background: #F7F7F7;border-radius: 3px;border: 0;text-align: left;padding-left: 22px;}

#dosyalar{
    display: none;
}
#dosyalar ul li{
    margin-bottom:20px;
}
#dosyalar ul li:last-child{
    margin-bottom:0;
}
#dosyalar ul li a{
    background:#D11F23;color:#fff;width:100%;display:block;text-align:center;padding:10px;
}

.img-flex{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

.img-flex .column{
    flex-grow: 1;
    margin: 10px;
}

.img-flex .column img{
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: center;
    width:100%;
    height:100%;
    display: block;
}

.home-product-brand .right .logos::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.home-product-brand .right .logos::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.home-product-brand .right .logos::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.home-product-brand .right .logos::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.kurumsal-anasayfa{width:1217px;margin: 100px auto;}
.kurumsal-anasayfa .left{padding: 84px 104px;width:696px;float:left;background: #F7F7F7;height: 512px;}
.kurumsal-anasayfa .right{width:520px;float:left;position: relative;}
.kurumsal-anasayfa .right img{ display: block;}
.kurumsal-anasayfa .left h5{ margin-bottom: 70px;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;}

.kurumsal-anasayfa .left p{font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%; margin-bottom: 30px;letter-spacing: -0.03em;color: #000000;}
.kurumsal-anasayfa .row{float:left;width:100%;}
.kurumsal-anasayfa .row.bottom .left{background: none;padding: 153px 133px 0 150px;}
.kurumsal-anasayfa .row.bottom .left b{ display: inline-block;}
.kurumsal-anasayfa .row.bottom .left p{font-style: normal;font-weight: normal;font-size: 24px; position: relative;line-height: 150%;color:#000;}
.kurumsal-anasayfa .row.bottom .left p::after{position: absolute;left:-70px;top: -50px;content:'';width: 73px;height: 58px;background: url(../img/t.svg) no-repeat;}

.kurumsal-anasayfa .row.bottom .right{ position: relative;}
.kurumsal-anasayfa .row.bottom .right img{width:100%;display: block;opacity: .1;}
.kurumsal-anasayfa .row.bottom .right .text{padding: 67px 104px;position: absolute;left:0;top:0;z-index: 2;padding-right: 35px;}
.kurumsal-anasayfa .row.bottom .right .text .span{font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;display: inline-block;position: relative;top: -34px;margin-left: 19px;font-weight: 500;}
.kurumsal-anasayfa .row.bottom .right .text img{height:90px;opacity: 1;display: inline-block;width: auto;}
.kurumsal-anasayfa .row.bottom .right .text .title{ margin-bottom:20px; float:left; width:100%;}
.kurumsal-anasayfa .row.bottom .right .text p{font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;margin-bottom: 32px;}
.btn{font-style: normal; border: 1px solid rgba(0, 0, 0, 0.2); float:left;border-radius: 3px; width: 210px; height:54px; line-height: 54px; display: block; line-height: 54px; padding-left: 32px;font-weight: bold;font-size: 16px;letter-spacing: -0.02em; position: relative;color: #D11F23;}
.btn::after{ position: absolute; right:20px; content: ''; top:25px; background: url(../img/btn-arrow.png) no-repeat; width:30px; height:6px}




.btn-effect {
    margin: auto;
    font-size: 1.1em;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display:inline-block;
    padding-bottom:2px;
}

[data-scroll]{visibility:hidden;opacity:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translateY(30px) skew(10deg);transform:translateY(30px) skew(10deg)}
[data-scroll=in]{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
[data-scroll=out]{visibility:hidden;opacity:0;-webkit-transform:translateY(30px) skew(10deg);transform:translateY(30px) skew(10deg)}

.btn-effect span
{
    color:#D11F23;
}
.btn-effect:after{
    background: #D11F23;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: transform .7s cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    transform: scaleX(0);
    transform-origin: right center;
}

.btn-effect:hover:after{
    transform: scaleX(1);
    transform-origin: left center;
}

.btn-effect > span:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    color: #00b09b;
}
.btn-effect > span:nth-child(2) .char {
    transform: translateY(1.5em);
}
.btn-effect > span:nth-child(2):hover .char {
    transform: translateY(0);
    color: #D11F23;
}
.btn-effect > span:nth-child(1) {
    color: #00b09b;
}
.btn-effect:hover > span:nth-child(1) .char {
    transform: translateY(-1.1em);
    color: #D11F23;
}
.btn-effect span {
    transition-duration: 0.3s;
    transition-delay: calc(40ms * var(--char-index));
}



.kategori-kapak{
    display:inline-block !important;
}
.blog-row{width:100%; float:left; margin-bottom: 98px; }
.blog-items.w50 .item{ width:592px; float:left; margin-right:30px;}
.blog-row h5{font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969; padding-left: 100px; margin-bottom: 54px;}
.blog-row .item{width:382px;float:left;margin-right:30px;position: relative;overflow: hidden;margin-bottom:30px;}
.blog-row .item img{ display: block; width:100%; margin-bottom: 32px;}
.blog-row .item:last-child{ margin-right:0;}
.blog-row .item:nth-child(3n){margin-right:0;}
.blog-row .item .text{ width:100%; float:left; padding: 0 40px 0 60px;}
.blog-row .item .text .title-sub{ font-weight: bold; margin-bottom: 8px;height:38px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;}
.blog-row .item .text p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.blog-row .item .text a{ margin-top:16px; font-style: normal; width:100%; display: block; float:left;font-weight: bold;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #D11F23;}
.blog-row .item .text a:hover{ opacity: 0.7;}
.blog-row .btn{ width:235px; margin-left: 60px; margin-top:70px}

.offer-form-area { float:left;width:100%;}
.offer-form-area .center{ background: #E6E6E6;  padding: 60px 104px; overflow: hidden;}
.offer-form-area .center h5{font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969; margin-bottom: 24px;}
.offer-form-area .center .colm{width: 23%;float:left;margin-right: 2%;}
.offer-form-area .center .colm:last-child{ margin-right: 0;}
.offer-form-area .center .colm input{width:100%;height:54px;border: 1px solid #c1c1c1;border-radius: 3px;background: none;padding-left: 20px;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;}

.offer-form-area .center .colm button{padding-left: 40px;text-align: left;background: none;cursor: pointer;width: 82%;float: right;}
.offer-form-area .center .colm button:after{right: 41px;}

footer{background: #F7F7F7; float:left; width:100%;padding: 77px 0; margin-top:120px}
footer .footer-logo{ float:left; width:auto;}
footer .footer-links{float:right;width: 780px;}
footer .footer-links .item{float:left;width: 26%;}
footer .footer-links .item:last-child{ width:12%;text-align:right;}
footer .footer-links .item:nth-child(1){width: 16%;}
footer .footer-links .item:nth-child(3){width: 38%;}
footer .footer-links .item:nth-child(3) a{width: 50%;}
footer .footer-links .item:nth-child(2){width: 23%;}
footer .footer-links .item:nth-child(4){width: 6%;}
footer .footer-links .item a{float:left;width:100%;display: block;font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%;color: #000000;margin-bottom: 3px;}
footer .footer-links .item a.sub-title{font-style: normal;font-weight: bold;font-size: 16px;line-height: 16px;margin-bottom: 20px;color: #000000;width: 100%;}
footer .footer-links .item a:hover{opacity: 0.5;}


.contact-footer{ float:left; width:100%;}
.iletisim-icerik{ width:50%; float:left; padding-top:90px;}
.iletisim-icerik  h4{margin-bottom:57px;font-weight: 500;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;}
.iletisim-icerik .text-row{float:left;width:100%;margin-bottom: 0px;}
.iletisim-icerik .text-row.bottom-item{margin-top: 0;}
.iletisim-icerik .text-row .title-sub{font-size: 12px;font-weight: 400;color: #000000;margin-bottom: 10px;font-weight: bold;}
.iletisim-icerik .text-row .title-sub a{font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;margin-bottom: 30px;display: inline-block;}
.iletisim-icerik .text-row p{font-size: 14px;font-weight: 300;color: #4D4D4D;margin-bottom: 36px;line-height: 1.6;}
.iletisim-icerik .text-row a.btn{width: 237px;height:auto;position: relative;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;/* line-height: 54px; */color: #CF001C;font-weight: bold;margin-bottom: 0px;margin-top: 0px;display: block;text-align: left;border-radius: 6px;top: 0;float: left;font-size: 14px;margin-bottom: 40px;padding-bottom: 5px;}
.iletisim-icerik .text-row .social-btn{margin-top: 10px; float:left; width:100%;}
.iletisim-icerik .text-row .social-btn a{margin-right:56px;top:0;position: relative;}
.iletisim-icerik .text-row .social-btn a:last-child{ margin-right: 0;}
.iletisim-icerik .text-row .social-btn a img{ height: 17px;}
.iletisim-icerik .text-row .social-btn a:last-child img{ position: relative;}
.iletisim-icerik .text-row .social-btn a:hover{ top:-8px;}
.iletisim-icerik .text-row .colm{float:left;width: 20%;}

.form-area-wrapper{ float:left; width:50%; padding:100px 0; }
.form-area-wrapper h4{font-weight: 600;font-size:22px;margin-bottom: 5px;}
.form-area-wrapper p{ font-size:16px; float:left; width:100%; margin-bottom: 70px;}
.form-area-wrapper .form-area{float:left; width:100%;margin-top:60px}
.form-area-wrapper .form-area .colm{float:left;width:48%;margin-bottom: 33px;margin-right:4%;}
.form-area-wrapper .form-area .colm:nth-child(2n+0){ margin-right:0;}
.form-area-wrapper .form-area .colm input{height:35px;float:left;width:100%;background:none;border:0;padding: 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.form-area-wrapper .form-area .colm textarea{ height:35px; resize:none; height:77px; float:left; width:100%; background:none;border:0; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.form-area-wrapper .form-area .colm .name{ margin-bottom: 7px; font-size:12px}
.form-area-wrapper .form-area .btn-form{width:165px;cursor:pointer;border:0;background: #F7F7F7;border-radius: 3px;float:left;margin-right:60px;color:#D11F23;font-size:16px;font-weight:bold;text-align: left;padding: 0 0 0 25px;}
.form-area-wrapper .form-area .btn-clear{width:165px; cursor:pointer; border:0; height:60px; background:none; border-radius: 3px; float:left; margin-right:60px; color:#D11F23; font-size:16px; font-weight:bold;}

.offer-form-area input[type=checkbox]{position: absolute;visibility: hidden;}
.offer-form-area li{ position: relative;}
.offer-form-area label{display: block;position: relative;/* font-weight: 300; */font-size: 15px;padding: 0px;margin: 0;height: auto;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;padding-left: 26px;padding-top: 20px;}
.offer-form-area .check{display: block;position: absolute;border: 1px solid rgba(0, 0, 0, 0.2);/* border-radius: 100%; */height: 18px;width: 18px;top: 18px;left: 0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;}
.offer-form-area .check::before {display: block;position: absolute;content: '';/* border-radius: 100%; */height: 16px;width: 16px;top: 0;left: 0;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;transform: scale(0.7);}
.offer-form-area  input[type=checkbox]:checked ~ .check {border: 1px solid #000000;}
.offer-form-area  input[type=checkbox]:checked ~ .check::before{background: #ec1d24;}
.offer-form-area .checkbox-area.center{padding: 0 104px 40px 104px;margin-top: -50px;}

.footer-bottom{ width:100%; float:left; }
.footer-bottom .center{ width:1214px; margin: auto; margin-top:50px; padding-top: 40px; border-top:1px solid #ccc;}
.footer-bottom .center .colm{ width:33.33%; float:left;}
.footer-bottom .center .colm.left{ text-align: left;}
.footer-bottom .center .colm.right{ text-align: right;}
.footer-bottom .center .colm{ text-align: center;}

.right-title{float:right !important;margin-right: 250px;}
.product-slider{margin-top:40px;}
.product-slider.owl-theme .owl-dots .owl-dot span{padding: 0;border:0;background: none;font-style: normal;font-weight: bold;opacity:1 !important;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #ABABAB;}
.product-slider.owl-theme .owl-dots .owl-dot.active span{color: #D11F23; }
.product-slider.owl-theme .owl-dots .owl-dot span{width:auto;height:auto;margin: 0;}
.product-slider.owl-theme .owl-dots .owl-dot{ margin-right:22px;}

.bottom-page{ margin-top:180px; float:left; width:100%;}
.bottom-page .banner{width:1366px; margin:0 auto; margin-bottom: 64px;}
.bottom-page .center.kurumsal{width: 1019px;margin-top:64px;overflow: hidden;margin-bottom: 100px;}
.bottom-page .center.kurumsal h4{font-style: normal;font-weight: bold; margin-bottom: 30px; font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #696969;}
.bottom-page .center.kurumsal .row{ width:100%; float:left;}
.bottom-page .center.kurumsal .row .colm{ width:48%; float:left;font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.bottom-page .center.kurumsal .row .colm:last-child{float:right;}

.bottom-page .title-top-area{ float:left; width:100%; margin-bottom: 72px; }
.bottom-page .title-top-area h4{ margin-bottom: 16px;font-style: normal;font-weight: bold;font-size: 20px;line-height: 150%;letter-spacing: -0.02em;color: #696969; }
.bottom-page .title-top-area p{font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.bottom-page .product.center{width:1220px;overflow: hidden;margin-bottom: 90px;}
.bottom-page .title-top-area .center{width: 1019px;margin-top:64px;margin-bottom: 0;}
.bottom-page .product.center a{width:22.7%;float:left;margin-bottom: 32px;margin-right: 3%;}
.bottom-page .product.center a:nth-child(4n+0){margin-right:0;}
.bottom-page .product.center a img{width:100%; display: block;}
.bottom-page .product.center a h4{height: 55px;width:100%;padding: 0 32px;text-align:center;background: #F7F7F7;line-height: 55px;display: inline-block;font-style: normal;font-weight: normal;font-size: 14px;letter-spacing: 0.2em;color: #000000;}
.bottom-page .logos{width: 1026px;float:none;margin:0 auto;}
.bottom-page .logos a{float:left;margin-bottom: 6%;border: 1px solid rgba(0, 0, 0, 0.1);margin-right: 4%;width: 16.8%;height: 172px;text-align: center;position: relative;}
.bottom-page .logos a img{ position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);max-width:80%;}
.bottom-page .logos a:nth-child(5n+0){margin-right:0;}
.pdf{float:right;margin-top: -170px;position: relative;z-index:1;}
.pdf-area p{ width:70%;}

.bottom-page .offer-form-area{margin-bottom: 62px; margin-top:0}
.bottom-page .big-img{ float:left; width:100%; position: relative; margin-bottom: 94px; }
.bottom-page .big-img h5{height:190px; position: absolute; line-height: 190px; padding: 0 60px; left:100px; top:-20px; background:#F7F7F7; color:#000; font-size:32px }
.bottom-page .big-img img{ width:100%; display: block;}

.img-center{width:1110px;margin:0 auto;margin-bottom: 70px;overflow: hidden;text-align: center;}
.img-center .row{ margin-bottom: 34px; float:left; width:100%;}
.img-center .w50 a:nth-child(1){margin-right: 26px;}
.img-center .w100 a:nth-child(1){ margin-right:0}
.img-center .w70 a:nth-child(1){ margin-right:26px}

.bottom-page .logos.brand-logos{margin-bottom:50px; overflow: hidden;}
.bottom-page .logos.brand-logos a{float:left;margin-bottom: 4%;border: 1px solid rgba(0, 0, 0, 0.1);margin-right: 4%;width: 16.8%;height: 172px;text-align: center;position: relative;}
.bottom-page .logos.brand-logos a img{ position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);max-width:80%;}
.bottom-page .logos.brand-logos a:nth-child(5n+0){margin-right:0;}

.bottom-page .logos a:hover{ border:1px solid #D11F23}

.blog-page .banner{ width:1216px; position: relative;}
.blog-page .banner img{ width:100%}
.blog-page .banner .text{position: absolute;width:526px;left:72px;top: 106px;padding: 70px 60px;padding-bottom: 40px;}
.blog-page .banner .text::after{position: absolute;left:0;top:0;width:100%;background:#fff;opacity: 0.9;content: '';height: 100%;}
.blog-page .banner .text .in{ position: relative; z-index: 2;}
.blog-page .banner .text .in .sub-title{font-style: normal;font-weight: bold; margin-bottom: 8px; font-size: 12px;line-height: 150%;letter-spacing: -0.03em;color: #888888;}
.blog-page .banner .text .in .title{font-style: normal; margin-bottom: 16px; font-weight: bold;font-size: 24px;line-height: 120%;letter-spacing: -0.03em;color: #000000;}
.blog-page .banner .text .in p{font-style: normal; margin-bottom: 40px; font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.blog-page .banner .text .in a{font-style: normal;font-weight: bold;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #D11F23;}

.blog-page .banner.detail-banner{margin-bottom: 170px;}
.blog-page .banner.detail-banner .text{position: absolute;width:auto;left:72px;top: 81%;padding: 90px 130px;padding-bottom: 40px;max-width:715px;}
.blog-page .banner.detail-banner .text::before{position: absolute;top:0;left:0;width:20px;height:20px;background: #D11F23;content: '';z-index: 2;}
.blog-page .banner.detail-banner .text .in .title{font-style: normal;font-weight: bold;font-size: 23px;line-height: 120%;letter-spacing: -0.03em;color: #000000;}
.blog-page .banner.detail-banner .text::after{position: absolute;left:0;top:0;width:100%;background:#F7F7F7;opacity: 1;content: '';height: 100%;}

.blog-detail-content{width:800px;margin:0 auto;margin-bottom: 100px;overflow: hidden;}
.blog-detail-content .bold-txt{ font-style: normal; margin-bottom: 32px; font-weight: normal;font-size: 24px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.blog-detail-content .row{ margin-bottom: 64px; float:left; width:100%;}
.blog-detail-content .row .colm{ width:46%; float:left;font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.blog-detail-content .row .colm:nth-child(1){ margin-right:6%;}
.blog-detail-content img{ margin-bottom:32px;}

.company-name{margin-top:30px;}
.contact-content h4{ font-style: normal; margin-bottom: 18px; font-weight: normal;font-size: 32px;line-height: 110%;letter-spacing: -0.01em;color: #58595B;}
.contact-content h4 b{color: #58595B;}
.contact-content p{ font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.01em;color: #58595B;}
.contact-content .link{font-style: normal;font-weight: normal;font-size: 24px;line-height: 150%;letter-spacing: -0.03em;color: #000000;float: left;width: 100%;margin: 5px 0;margin-bottom: 0;}
.contact-page-container .text-row a{ display: inline-block; clear: both; margin-top:12px; font-style: normal;font-weight: bold;font-size: 14px;line-height: 150%;letter-spacing: -0.02em;color: #000;}
.contact-page-container{ margin-bottom: 120px;}
.contact-content, .contact-page-container .iletisim-icerik .text-row{ padding-left: 100px;}


.effect-img{
position: absolute;
left: 0;
background-color: white;
width: 100%;
height: 100%;
z-index: 99;
top: 0;
}


.contact-page-container .form-area-wrapper .form-area{margin-top: -6px;}
.contact-page-container .form-area-wrapper h4{font-style: normal;font-weight: bold;font-size: 14px;line-height: 150%;letter-spacing: -0.03em;color: #000000;margin-bottom: 11px;}
.iletisim-icerik .text-row p b{margin-bottom:12px;display:block;float:left;width:100%;font-size: 14px;}

.product-slider .img-area{width: 55%;float: left;}
.product-slider .img-area img{ width:100%;}
.brandBtn{margin-right: 130px;float:right !important;}

@media screen and (max-width: 1400px){
.banner-home{ width:95%;}
.banner-home .textarea{ left:2%;}
.banner-home .textarea small, .banner-home .textarea span{font-size:27px;}
.banner-home .textarea p{ font-size:14px;}
.bottom-page .banner img, .bottom-page .banner{width:100%;}

}

@media screen and (max-width: 1200px){
    .center, .home-product-brand, .footer-bottom .center, .bottom-page .product.center{
        width:1100px;
    }
    .blog-row .item{
        width:346px;
    }
    .bottom-page .product.center a h4{
        font-size:12px;
    }
}



@media screen and (max-width: 1024px){
.bottom-page .logos, .banner-home img {width: 100% !important;}
.kurumsal-anasayfa .row.bottom .left {padding: 15% 8%;}
.bottom-page, .blog-row{padding:0 4%;margin-bottom: 0px;}
.bottom-page{margin-top: 80px;}
.blog-page .banner .text{top:56px;padding: 40px 40px;}

.blog-page .banner.detail-banner .text{ padding: 4%; font-size:40px}
.blog-page .banner.detail-banner .text .in .title{ font-size:40px}
.blog-page .banner.detail-banner {
margin-bottom: 170px;
}
.blog-detail-content{ margin-bottom: 20px;}
.blog-items.w50 .item{width: 47%;}
.blog-row h5 {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.02em;
color: #696969;
padding-left: 0;
margin-bottom: 34px;
}
.bottom-page.blog-page {
margin-top: 100px;
}
.bottom-page .logos.brand-logos a img{width:70%}
.blog-row .item{width:44%;margin-right:6%;margin-bottom: 40px;}
.kurumsal-anasayfa .row.bottom .left p{ font-size:20px;}
.kurumsal-anasayfa .left h5{margin-bottom: 49px;}
.kurumsal-anasayfa .left{width:50%;padding: 11% 6%;}
.kurumsal-anasayfa .right{ width:50%;}
.kurumsal-anasayfa .right img{ width:100%; display: block;}
.kurumsal-anasayfa, .home-product-brand{ width:100%;}
.home-product-brand .left{width: 100%;padding-left: 40px;}
.home-product-brand .right{width: 38%;padding-right: 4%;}
.banner-home .owl-theme .owl-dots{ left:3% !important;}
.center{ width:100% !important;}
.banner-home{ margin-top:90px;}
.banner-home .textarea{width:32%;left: 3%;}
header .logo img{ height:50px !important;}
header{padding: 10px 3% !important;top: 0;z-index: 9999;}
header nav {float: right;margin-top: 20px !important;}
.banner-home {
width: 100%;
}
.offer-form-area .center {
padding: 40px 4%;
}
.form-area-wrapper{padding-bottom: 0;}
.iletisim-icerik{ padding-top: 40px;}
.form-area-wrapper .form-area{margin-top:20px;}
.contact-footer{ padding: 0 4%;}
.offer-form-area .center .colm button{ width:90%;}
.offer-form-area .checkbox-area.center{
padding: 0 4%;
margin-top: -30px;
margin-bottom: 10px;
padding-bottom: 30px;
}
.product-slider.owl-theme .owl-dots .owl-dot {
margin-right: 18px;
}
.logo-footer{width:200px;margin:0 auto;display: block;margin-bottom: 40px;}
.logo-footer img{ width:100%;}
.home-product-brand .left::after{width:94%;height:96%;opacity: 0;}
.home-product-brand .right .logos a{height: 119px;line-height: 133px;}
.blog-row .btn{ clear: both;}
footer{ padding:50px 4%}
footer .footer-links{ width:100%;}
.kurumsal-anasayfa{margin-bottom: 50px;}
.blog-row .btn{
    margin-bottom:50px;margin-top:0;
}
}

@media screen and (max-width: 904px){
    header nav a{
        margin-right:30px;
    }
    .home-product-brand .right .logos a{
        height:85px;
    }
    .owl-carousel .owl-stage-outer{
        height:450px;
    }
    .bottom-page .product.center a h4{font-size:7px;}
    .bottom-page .logos.brand-logos a{
        height:140px;
    }
}


@media screen and (max-width: 768px){
header nav{ display: none;}
.contact-page-container {
margin-bottom: 0;
}
.right-title{ display: none !important;}
.brandBtn {
margin-left:30px;
float: left !important;
margin-top: 0;
}
.bottom-page .banner{ margin-bottom: 20px;}
.contact-content, .contact-page-container .iletisim-icerik .text-row {
    padding-left: 0;
}
.home-product-brand .right{padding: 0 !important;}
.bottom-page .product.center a{width:47%;}
.bottom-page .product.center a:nth-child(3n+0) {margin-right: 3%;}
.home-product-brand .owl-theme .owl-dots{ margin-top:0;}
.product-slider .img-area{width:100%;}
.kurumsal-anasayfa .left{ height: auto;}
.blog-row .item img{ margin-bottom: 8px;}
.blog-row .item .text{ padding: 0 !important;}
.blog-page .banner .text .in p{margin-bottom: 20px;}
.blog-page .banner{margin-bottom:0px;}
.blog-page .banner .text{width:100%;left:0;position: relative;padding: 20px 0;top: 0;}
.blog-row .item .text{ padding:0 4%}
.blog-detail-content img{width:100%; display: block;}
.blog-detail-content{width:100%;padding: 0 4%;margin-top: 20px;float: left;}
.bottom-page .logos.brand-logos a{ height:112px;}
.bottom-page .product.center a h4{font-size:15px; padding: 0 25px;}
.bottom-page .title-top-area{ margin-bottom: 40px;}
header nav a:hover::after, header nav a.active::after{ width:40%; background:#fff; left:50%;transform:translate(-50%,3px)}
header nav {padding-top: 70px;background: #d2191e;position: fixed;left: 0;top: 52px;height: 100%;width: 100%;}
header nav a {color: #fff;width: 100%;text-align: center;font-size: 22px;margin-right: 0;display: block;width: 100%;float: left;margin-bottom: 20px;}
.banner-home .textarea {width:100%;left:0%;padding: 20px 4%;position: relative;transform: translate(0%,0%) !important;float: left;}
.home-product-brand .left, .home-product-brand .right{width:100%;margin-top: 30px;float: left;}
.home-product-brand .right, .home-product-brand .left{padding:0 4%;}
.home-product-brand .left::after{ opacity: 0;}
.home-product-brand .right h3{margin-bottom: 40px;}
.home-product-brand .right .logos a{width: 30.3%;margin-right:3%;}
.home-product-brand .right .logos a:nth-child(3n+0){margin-right:0;}
.home-product-brand .right .logos a:nth-child(2n+0){margin-right: 3%;}
.kurumsal-anasayfa .right, .kurumsal-anasayfa .left{ width:100%;}
.home-product-brand .right .all{ margin-top:0; margin-bottom:40px;}
.kurumsal-anasayfa .row.bottom .left {padding: 100px 15%;padding-bottom: 30px;}
.kurumsal-anasayfa .row.bottom .right .text {top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 12%;}
.blog-row .item{width:100%;}
.blog-row h5{ padding-left: 0;}
.offer-form-area .center .colm{width:100%;margin-bottom: 25px;}
.offer-form-area .center .colm button {width: 240px;margin: 0 auto;float: none;margin-top: 0;}
.offer-form-area .center .colm input{text-align:center;padding: 0;}
.offer-form-area li{ width:60%; margin:0 auto; float:none;}
.offer-form-area .checkbox-area.center{margin-top:-50px;}
.form-area-wrapper, .form-area-wrapper .form-area, .iletisim-icerik{width:100%;}
.form-area-wrapper{ padding:40px 0}
footer{ margin-top:40px;}
.offer-form-area .center h5{text-align: center;}
.menu-icon{ display: block;}
.img-center img, .img-center{ width:100%;}

}


@media screen and (max-width: 640px){
.pdf-area p {width: 100%;}
.img-center .w70 a:nth-child(1), .img-center .w50 a:nth-child(1) {
    margin-right: 0;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.blog-row h5{ margin-bottom:14px;}
.img-center{ margin-bottom:0}
.img-center .row:last-child{ margin-bottom:20px;}
.bottom-page .big-img{ margin-bottom:30px;}
.bottom-page .big-img h5 {height: 60px;line-height: 60px;padding: 0 40px;left: 20px;top: -20px;background: #F7F7F7;color: #000;font-size: 26px;}
.pdf{ margin-top:20px; float:left;}
.bottom-page .logos a{width:100%; height:200px;}
.bottom-page .logos a img{
    max-height:100px;
}
.kurumsal-anasayfa .row.bottom .right .text p{ font-size:14px;}
.product-slider.owl-theme .owl-dots .owl-dot span{font-size: 13px;}
.product-slider.owl-theme .owl-dots .owl-dot {margin-right: 13px;}
.home-product-brand .owl-theme .owl-dots {margin: 21px 0;margin-top: -20px;padding: 0 2%;}
.home-product-brand .right .logos a{width: 46%;margin-right: 8%;}
.home-product-brand .right .logos a:nth-child(2n+0){margin-right:0;}
.home-product-brand .right .logos a:nth-child(3n+0){margin-right: 8%;}
.home-product-brand .right .logos a:last-child{margin-right:0;}
.kurumsal-anasayfa .row.bottom .left p::after {left: -40px;top: -70px;}
.blog-row .item .text {padding: 0 7%;}
.blog-row .item .text p{font-size:14px;}
.offer-form-area li{width:100%;}
.footer-bottom .center .colm.right{ position:relative; top:-10px;}
.iletisim-icerik .text-row .social-btn a{ margin-right:25px;}
.form-area-wrapper .form-area .btn-clear{margin-right: 0;}
.footer-bottom .center .colm.left{ font-size:12px;}
.footer-bottom .center .colm{ font-size:12px;}
.form-area-wrapper .form-area .btn-form{ margin-right:25px;}
footer .footer-links .item{width:100% !important;text-align: center;margin-bottom: 30px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
footer .footer-links .item:last-child{text-align: center;border: 0;}
.footer-bottom .center {margin-top: -20px;padding-top: 20px;border-top: 1px solid #ccc;}
footer{padding-bottom: 5px;}
.blog-row .btn {width: 235px;margin-left: 0;margin-top: 10px;}
.blog-row{ margin-bottom: 40px;}
.kurumsal-anasayfa .left h5{margin-bottom: 10px;}
.home-product-brand .left{ margin-top:10px;}
.banner-home .textarea small, .banner-home .textarea span {font-size: 21px;}
.bottom-page .product.center a {width:100%; margin-right:0 !important}
.bottom-page .product.center{ margin-bottom: 40px;}
.bottom-page .logos.brand-logos a{width:46%;}
.blog-page .banner.detail-banner .text {position: relative;width: auto;left: 0;padding-top: 20px;top: 0;}
.blog-page .banner.detail-banner .text .in .title {font-size: 20px;}
.blog-page .banner.detail-banner .text::before{opacity:0;}
.blog-page .banner.detail-banner .text .in .title br{ display: none;}
.blog-page .banner.detail-banner {margin-bottom: 0;}
.blog-detail-content .bold-txt{font-size: 19px;}
.blog-detail-content .row .colm{width:100% !important; margin-bottom:10px;}
.blog-items.w50 .item {width: 100%;}
.bottom-page .title-top-area .center{ margin-top: 24px;}
.iletisim-icerik .text-row p{ color:#4D4D4D !important;}
.contact-content h4{ font-size:22px;}
.contact-content .link{ font-size:17px;}
.iletisim-icerik .text-row p{ font-size:14px;}
.blog-detail-content .row{ margin-bottom: 20px;}
.bottom-page .logos.brand-logos a{
    width:48%;
}
.bottom-page .logos.brand-logos a:nth-child(5n+0){
    margin-right:4%;
}
.bottom-page .logos.brand-logos a:nth-child(2n+0){
margin-right:0;
}


}

@media only screen and (max-width: 600px) {
    header nav a{
        margin-bottom:50px;
    }
    .brandBtn{
        float:right !important;
        margin-left:0;
        margin-right:0;
    }
    .urun-galerisi .owl-item > div a:before{
        opacity:0;
    }

    .owl-carousel .owl-stage-outer{
        height:500px;
    }

    .home-product-brand .right .logos{
        overflow-y:scroll;
        overflow-x:hidden;
        height:100px;
        padding-right:20px;
    }
    .bottom-page .center.kurumsal .row .colm{
        width:100%;
    }

  }