@font-face {
    font-family: 'Gotham';
    src: url('../fonts/subset-GothamBook.eot');
    src: url('../fonts/subset-GothamBookd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-GothamBook.woff2') format('woff2'), url('../fonts/subset-GothamBook.woff') format('woff'), url('../fonts/subset-GothamBook.ttf') format('truetype'), url('../fonts/subset-GothamBook.svg#GothamBook') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/subset-GothamThin.eot');
    src: url('../fonts/subset-GothamThind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-GothamThin.woff2') format('woff2'), url('../fonts/subset-GothamThin.woff') format('woff'), url('../fonts/subset-GothamThin.ttf') format('truetype'), url('../fonts/subset-GothamThin.svg#GothamThin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/subset-Gotham-Bold.eot');
    src: url('../fonts/subset-Gotham-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-Gotham-Bold.woff2') format('woff2'), url('../fonts/subset-Gotham-Bold.woff') format('woff'), url('../fonts/subset-Gotham-Bold.ttf') format('truetype'), url('../fonts/subset-Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

body{font-family: 'Gotham', sans-serif; padding:0; margin:0; background:#FFF; color:#222325;}
a{transition:all .3s; color:#222325; text-decoration:none;}
a:visited{text-decoration:none; color:#222325;}
a:hover, a:focus, a:active{text-decoration:none; color:#000;}
button{cursor:pointer;}
.btn{color:#FFF;}
.btn:hover, .btn:focus, .btn:active, .btn:visited{color:#FFF;}
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light:visited{color:#222325;}
.form-control:focus, .form-control.focus, .form-control:active, .form-control.active {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); border-color: #AAA;}
.btn-primary {color: #fff; background-color: #00437a; border-color: #00437a;}
.btn-primary:hover {color: #fff; background-color: #023864; border-color: #01335c;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 3px rgba(2, 56, 100, 0.5) !important; color:#FFF;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #a9a9a9; border-color: #a9a9a9;}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {background-color: #023864 !important; background-image: none; border-color: #01335c !important; color:#FFF; box-shadow: 0 0 0 3px rgba(2, 56, 100, 0.5) !important;}
.owl-carousel .owl-video-play-icon{background:none; font-family:"Font Awesome 5 Free"; font-weight:400; font-size:70px; line-height:80px; text-align:center;}
.owl-carousel .owl-video-play-icon:before{content: "\f144";}
.scroll-top{display:none}.scroll-top a{z-index:21;width:44px;height:44px;border:solid 1px rgba(255,255,255,0.3);border-radius:50%;text-align:center;line-height:43px;background:#000;position:fixed;bottom:40px;right:20px;font-size:16px;color:#fff;opacity:.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.scroll-top a:hover{background-color:#00437a;color:#fff;text-decoration:none;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.jssocials-share-link{color:#FFF !important;}
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#progressBar {
    width: 100%;
    background: #EDEDED;
}
@keyframes bounce {
    50% {
        transform: translateY(-50%);
    }

    100% {
        transform: translateY(0);
    }
}

.s-item{cursor:pointer;position:relative;overflow:hidden;display:block}
.s-item2{cursor:pointer;position:relative;display:block}
.s-item img, .s-item2 .img img{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;transition:all 300ms ease-out; width:100%; height:auto; position:relative; display:block; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.s-item:hover img, .s-item2:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.s-item2 .img{overflow:hidden; display:block; position:relative;}
.video .img:after, .photo .img:after, .enlarge .img:after{position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; width:40px; height:40px; content:"\f04b"; font-family:"Font Awesome 5 Free"; font-size:18px; line-height:40px; color:#FFF; font-weight:400; z-index:2; background:#fe0000; border-radius:50%; border:solid 3px #FFF; text-align:center; display:block; transition:all .3s ease-out;}
.photo .img:after{content:"\f030";}
.enlarge .img:after{content:"\f06e"; opacity:0; border:none; background:none;}
.s-item2.enlarge:hover .img:after{opacity:.5;}
.videox2 .img:after, .photox2 .img:after, .enlargex2 .img:after{margin-left:-26px; margin-top:-26px; width:52px; height:52px; font-size:25px; line-height:52px;}
.enlargex2 .img:after{margin-left:-40px; margin-top:-40px; width:80px; height:80px; font-size:60px; line-height:80px;}
.video .duration{position:absolute; top:10px; right:10px; padding:5px; font-size:0.75rem; background:rgba(0,0,0,.5); color:#FFF; z-index:2; display:block;}
.imgbw .img img{ -webkit-filter: grayscale(1); filter: grayscale(1);}
.imgbw:hover .img img{ -webkit-filter: none; filter: none;}
.ecza-ico{background:url(../img/ecza.html) center top no-repeat; background-size:cover;}

.s-item2.std{color:#000f22; margin-bottom:40px;}
.s-item2.std figure{margin-bottom:0;}
.s-item2.std header{padding:25px; margin-bottom:0; text-align:center; left:20px; right:20px; background:#f0f1f2; bottom:0; position:absolute;}
.s-item2.std header h3{font-size: 1.0375rem; line-height:28px; display: block; display: -webkit-box; font-weight:600; max-width: 100%; height:auto; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.s-item2.std header h4{font-size:17px; line-height:1.75rem; display: block; display: -webkit-box; max-width: 100%; height:auto; margin: 0 auto; -webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.s-item2.std2{color:#00a7e9;}
.s-item2.std2 figure{margin-bottom:10px;}
.s-item2.std2 header{padding:5px 10px 5px 10px; margin-bottom:0; border-left:solid 2px #00a7e9;}
.s-item2.std2 header h3{font-size: 1.1875rem; line-height:28px; display: block; font-weight:300; display: -webkit-box; max-width: 100%; height: 56px; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.s-item2.cat{color:#00a7e9; margin-bottom:30px;}
.s-item2.cat .img{margin-bottom:10px;}
.s-item2.cat .title{font-size:1.25rem; color:#23408f; display:block;}
.s-item2.cat .title .date{font-size:.75rem; color:#999; display:block; margin-bottom:10px;}

.s-item2.captiononimg figure{margin:0;}
.s-item2.captiononimg header{position:absolute; bottom:0; left:0; right:0; padding:0 15px 15px 15px;}
.s-item2.captiononimg header:before{position:absolute; bottom:0; left:0; right:0; top:-50px; z-index:1; content:""; background: -moz-linear-gradient(top,  rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,.8)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
.s-item2.captiononimg header h3{font-size:1.1575rem; margin:0; line-height:1.2em; color:#FFF; position:relative; z-index:2;}

.s-item2.captiononimgfull figure{margin:0;}
.s-item2.captiononimgfull header{position:absolute; bottom:0; left:0; right:0; top:0; padding:15px; background: rgba(54,52,51,.85); align-items: center; justify-content: center; display: flex; transition:all .3s ease-out; opacity:0;}
.s-item2.captiononimgfull:hover header{opacity:1;}
.s-item2.captiononimgfull header h4{text-align:center; font-size:1rem; margin:0; font-weight:600; line-height:1.2em; color:#FFF; position:relative; z-index:2;}

.s-item2.searchresult{padding-left:38%;}
.s-item2.searchresult .img{position:absolute; width:35%; display:block; left:0; top:0;}
.s-item2.searchresult time{font-size:0.85rem; color:#999; float:right;}
.s-item2.searchresult h4{font-size:0.85rem; color:#ed1c24; float:left; font-weight:600;}
.s-item2.searchresult header h3:before{content:""; display:block; clear:both;}
.s-item2.searchresult header h3{font-size:1.3rem;}
.s-item2.searchresult p{font-size:0.9375rem; line-height:24px; display:block; position:relative; height:100%; display: -webkit-box; max-width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.searchlist{margin:0; padding:0; list-style:none;}
.searchlist li{display:block; margin-top:20px; padding-top:20px; border-top:solid 1px #CCC;}
.searchform .col-6{margin-bottom:10px;}
.noresult{min-height:200px; text-align:center; font-size:1.5rem; font-weight:300;}
.noresult:before{content:"\f05a"; font-family:"Font Awesome 5 Free"; font-size:4rem; display:block; margin:40px auto;}

.owl-theme .owl-dots{margin:0; position:absolute; bottom:-70px; left:0; right:0;}
.owl-theme .owl-dots .owl-dot span{width:18px; height:18px; margin:5px 3px; background:#cfcfcf;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #00437a;}

.logo svg{max-width:100%; height:auto;}
.logo svg .a{fill:#25408F;}
.logo svg .b{fill:#25408F;}

.amblem{font-size:66px; line-height:66px; color:#25408F !important; display:flex; justify-content:center; align-items:center; margin:0 auto;}
.amblem img{display:inline-block; width:74px; height:auto;}
.amblem span{padding-bottom:18px; padding-left:10px;}

#maincontent{ position:relative;}
#maincontent .home-renewable-left{ position:absolute; left:0; bottom:1050px; z-index:-1; opacity:.5;}
#maincontent .home-renewable-right{ position:absolute; right:0; top:1220px; z-index:-1; }
#maincontent .home-renewable-right-2{ position:absolute; right:0; bottom:420px; z-index:-1; opacity:.1;}


#showcase ul{list-style:none; padding:0; margin:0; position:relative; z-index:1;}
#showcase ul li img{width:100%; height:auto;}
#showcase .owl-dots{position:absolute; bottom:-50px; left:0; right:0; text-align:center; z-index:1;}
#showcase .owl-dot{display:inline-block; margin:0 2px;}
#showcase .owl-dot span{display:inline-block; width:18px; height:18px; border-radius:50%; background:#CCC;}
#showcase .owl-dot.active span{background:#014785;}

#selection{padding:150px 0 50px 0;}
#selection .title{ text-align:center;}
#selection .title img{ display:block; margin:0 auto;}
#selection .title h2{ display:block; color:#046d0b; font-size:40px; font-weight:bold; margin:10px 0 40px 0;}
#selection a.blue-bg{ display:block; text-align:center; min-height:330px; border:6px solid #046d0b;}
#selection .blue-bg span{ display:block; color:#046d0b; margin-top:20px; font-size:20px; font-weight:600;}

#ebrosur {background-image:url(../img/brosur-bg.jpg); background-position: center center;  position: relative; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;}
#ebrosur .brosur-bg{background-image: linear-gradient(145deg, rgba(56,239,125,0.5) 0%,rgba(17, 153, 142, 0.5) 100%) !important; padding: 150px 0;}
#ebrosur .brosur-bg h5 { color:#FFF; font-size:30px; display:block; opacity:1 !important; font-weight:600;}
#ebrosur .brosur-bg i { font-size:28px; margin-right:10px;}
#ebrosur .brosur-bg a { display:flex; align-items:center; color:#FFF; background-color:#38ef7e; padding:15px; font-size:18px; font-weight:bold;}

.news { padding:10px 0 150px 0;}
.news .title{ text-align:center;}
.news .title img{ display:block; margin:0 auto;}
.news .title h2{ display:block; color:#046d0b; font-size:40px; font-weight:bold; margin:10px 0 40px 0;}
.news .s-item2.std{ margin-bottom:0;}
.news .s-item2.std header { position: static; min-height:245px;}

.news .s-item2.std header h3 { font-size:20px; text-align:left; color:#046d0b; line-height:2.125rem; margin-bottom:15px; font-weight:600;}
.news .s-item2.std header h4 { font-size:17px; text-align:left; color:#046d0b; line-height:1.75rem;}
.news ul{ list-style:none; margin:0; padding:0;}
.news .owl-theme .owl-dots { bottom: -30px;}
.news .main-btn{ display:flex; align-items:center; justify-content:center; margin-top:40px;}
.news a.tum-haberler{ font-size:20px; color:#FFF; background-color:#046d0b; text-align:center; padding:10px 45px; font-weight:600;}


.news .owl-theme .owl-dots .owl-dot span{width:30px; height:30px; margin:7px; background:url(../img/news-passive-icon.png);}
.news .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:url(../img/news-active-icon.png);}


#footer .ftr-top{ background-color:#23408f; padding:30px 0;}
#footer .ftr-top .ftr-logo{ width:230px; display:block; margin:0 auto;}
#footer .ftr-top .ftr-logo svg .a, #footer .ftr-top .ftr-logo svg .b {fill: #FFF;}
#footer .ftr-bottom{ background:url(../img/bg-footer.png) center bottom no-repeat; padding:30px 0; background-color:#FFF; text-align:center;}
#footer .ftr-bottom .row ul{ list-style:none; margin:0; padding:0;}
#footer .ftr-bottom .row ul li{ display:inline-block;}
#footer .ftr-bottom .menu ul li{ margin:15px;}
#footer .ftr-bottom .menu ul li a{ font-size:17px; color:#046d0b; font-weight:600;}
#footer .ftr-bottom .link{ margin:30px 0;}
#footer .ftr-bottom .link ul li{ margin:15px 50px;}
#footer .ftr-bottom .link ul li i{ margin-right:10px; font-size:17px; color:#046d0b;}
#footer .ftr-bottom .link ul li a{ font-size:17px; color:#046d0b; font-weight:600;}
#footer .ftr-bottom .social{ margin:30px 0;}
#footer .ftr-bottom .social ul li{ margin:15px;}
#footer .ftr-bottom .social ul li i{ font-size:25px; color:#046d0b;}
#footer .ftr-bottom .social ul li a{ display:inline-block;}
#footer .ftr-bottom .copyright{ font-size:14px; color:#046d0b;}

#breadcrumb{background:#e7e6e6; padding:10px 0;}
#breadcrumb .container{padding-left:125px;}
#breadcrumb .breadcrumb{border-radius:0; background:none; color:#23408f; font-size:14px; font-weight:400; padding-top:0; padding-bottom:0; padding-left:0; margin:0;}
#breadcrumb .breadcrumb li a{font-size:14px; font-weight:400; color:#23408f;}
#breadcrumb .breadcrumb li a:hover{color:#000;}
#breadcrumb .breadcrumb>.active{color:#23408f; font-size:14px; font-weight:400;}

.content{ max-width:1200px; margin:0 auto; padding:70px 0;}
.content h1{ text-align:center; color:#23408f; font-size:2rem; font-weight:600; border-bottom:3px solid #23408f; padding:0 50px 20px 50px; margin-bottom:20px;}
.content .icerik{ line-height:1.65em; padding:0 50px;}
.content .icerik .karbon-btn{ text-align:center; margin-top:50px;}
.content .icerik .karbon-btn a{ background-color:#046d0b; display:inline-block; padding:20px 40px; color:#FFF;}
.content .contentimg{ padding:20px 0 40px 0;}
.content .contentimg img{ width:100%; height:auto;}
.content .galeri{ margin-top:30px;}

.ktg h1{ margin-bottom:30px;}
.ktg .icerik{ padding:0 50px;}
.ktg .s-item2.std header { position:static; background:none; padding:15px 0;}

.su-content ul{ margin-bottom:0; padding-left:3rem;}

#projeler { padding:100px 0 150px 0;}
#projeler .title{ text-align:center;}
#projeler .title img{ display:block; margin:0 auto;}
#projeler .title h2{ display:block; color:#046d0b; font-size:40px; font-weight:bold; margin:10px 0 40px 0;}
#projeler .main-btn{ display:flex; align-items:center; justify-content:center; margin-top:40px;}
#projeler a.tum-haberler{ font-size:20px; color:#FFF; background-color:#046d0b; text-align:center; padding:10px 45px; font-weight:600;}
#projeler img { max-width: 100%; height: auto; vertical-align: middle; display: inline-block;}
#projeler .grid-wrapper > a { display: flex; justify-content: center; align-items: center;}
#projeler .grid-wrapper > a > img { width: 100%; height: 100%; object-fit: cover;}
#projeler .grid-wrapper { display: grid; grid-gap: 24px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-auto-rows: 200px; grid-auto-flow: dense;}
#projeler .grid-wrapper .wide { grid-column: span 2;}
#projeler .grid-wrapper .tall {grid-row: span 2;}
#projeler .grid-wrapper .big {grid-column: span 2;grid-row: span 2;}
#projeler h4{ display:none;}

.contact{ padding:85px 0 100px 0;}
.contact h1{ text-align:center; margin-bottom:40px; color:#23408f;}
.contact .adress-info span{display:block;}
.contact .adress-info span.baslik-1 { color:#25408F; font-size:20px; font-weight:bold;}
.contact .adress-info span.baslik-2 { margin-bottom:30px;}
#mapHeadquarter { height: 300px; width: 100%;}


/*Karbon Ayak İzi*/
.carbonyeriresults h1 { text-align:center;}
.carbonyeriresults h4 {font-size: 1.5rem; color:#23408f; text-align:center; margin-bottom:50px;}
.carbonyeriresults h4 i{ padding:0 20px; color:#23408f;}
.carbonyeriresults { padding:50px;}
.carbonyeriresults .carbonyeri { background:#e5e6e6; padding:50px; font-size: 0.9rem; margin-bottom:100px;}


.carbonyeri .frm{display:flex; align-items:center; margin-top:10px;}
.form2 .carbonyeri .frm{margin:10px 0 20px 0;}
.carbonyeri .frm i{ font-size:22px; width:25px; color: #23408f;}
.carbonyeri .frm input, .carbonyeri .frm select{ margin-left:10px !important; border-radius:0; margin-top:0;}
.carbonyeri .countBtn {line-height:1; margin:20px 0;}
.carbonyeri .frm p{ margin:0; margin-left: 10px;}
.carbonyeri .frm .tpl-input{ margin:0 10px;}
.carbonyeri .frm .arb-input{ margin:0 10px 0 0;}


.form-w {width: 50%; background-color:#FFF !important;}




.carbonyeri a {color: #0f2149; font-weight: 600; display: block;}
.carbonyeri h3 { font-size: 1.125rem; font-weight: 600; line-height: 2rem; position: relative; padding-left: 45px;}
.carbonyeri h3:before { font-family: "Font Awesome 5 Free"; content: ""; font-size: 25px; display: block; position: absolute; left: 0; top: 0; display: inline-block;}


.carbonyeri h3:before { content: "\f08d";}
.carbonpic { width: 100%; height: 100%}

.form-b {width:50%;}
.rowAnt {--bs-gutter-x:0;}
.form-s {width:50%;}
.tit {margin-top: 20px;}

.tp-leftarrow, .tp-rightarrow{ display:none;}




/*ATIK YÖNETİMİ*/
.atik-icerik{ text-align:justify; display:flex; flex-direction:column;}
.atik-icerik .atikimg img, .atik-icerik img.fullwidth{ width:100%; height:auto; margin-bottom:20px;}


.organik-atik{ background-color:#845d3b;}
.organik-atik .content{ background-color:#FFF;}
.organik-atik h1 { background-color:#845d3b; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.organik-atik h1 span { color:#845d3b; background:#FFF; padding: 0 30px; display:inline-block;}
.organik-atik .atikimg img.one{ margin-top:70px;}
.organik-atik .atikimg img.two{ margin-top:70px;}
.organik-atik span.color-darkbrown-2 { color:#845d3b; font-weight:600;}

.kagit-karton{ background-color:#3A96D0;}
.kagit-karton .content{ background-color:#FFF;}
.kagit-karton h1 { background-color:#3A96D0; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.kagit-karton h1 span { color:#3A96D0; background:#FFF; padding: 0 30px; display:inline-block;}
.kagit-karton p.color-blue { color:#3A96D0; font-weight:600;}

.pil{ background-color:#D44648;}
.pil .content{ background-color:#FFF;}
.pil h1 { background-color:#D44648; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.pil h1 span { color:#D44648; background:#FFF; padding: 0 30px; display:inline-block;}
.pil .atikimg img.pil-img-one{ margin-bottom:60px;}
.pil span.color-pink { color:#D44648; font-weight:600;}

.tekstil{ background-color:#676A68;}
.tekstil .content{ background-color:#FFF;}
.tekstil h1 { background-color:#676A68; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.tekstil h1 span { color:#676A68; background:#FFF; padding: 0 30px; display:inline-block;}
.tekstil .atikimg img.one{ margin-bottom:10px;}
.tekstil span.color-darkgray { color:#676A68; font-weight:600;}

.cam{ background-color:#3E803D;}
.cam .content{ background-color:#FFF;}
.cam h1 { background-color:#3E803D; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.cam h1 span { color:#3E803D; background:#FFF; padding: 0 30px; display:inline-block;}
.cam .atikimg img.cam-img-one{ margin-bottom:30px;}
.cam span.color-green { color:#3E803D; font-weight:600;}

.tehlikeli-atik{ background-color:#B45F1F;}
.tehlikeli-atik .content{ background-color:#FFF;}
.tehlikeli-atik h1 { background-color:#B45F1F; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.tehlikeli-atik h1 span { color:#B45F1F; background:#FFF; padding: 0 30px; display:inline-block;}
.tehlikeli-atik .atikimg img.tehlikeli-img-one{ margin-bottom:35px;}
.tehlikeli-atik p.color-darkbrown { color:#B45F1F; font-weight:600;}

.plastik{ background-color:#E1A42C;}
.plastik .content{ background-color:#FFF;}
.plastik h1 { background-color:#E1A42C; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.plastik h1 span { color:#E1A42C; background:#FFF; padding: 0 30px; display:inline-block;}
.plastik .atikimg img.one{ margin-bottom:10px;}
.plastik p.color-beige { color:#E1A42C; font-weight:600;}

.metal{ background-color:#BBBABA;}
.metal .content{ background-color:#FFF;}
.metal h1 { background-color:#BBBABA; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.metal h1 span { color:#BBBABA; background:#FFF; padding: 0 30px; display:inline-block;}
.metal .atikimg img.one{ margin-bottom:10px;}
.metal p.color-gray { color:#BBBABA; font-weight:600;}

.bitkisel-yag{ background-color:#D7BE46;}
.bitkisel-yag .content{ background-color:#FFF;}
.bitkisel-yag h1 { background-color:#D7BE46; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.bitkisel-yag h1 span { color:#D7BE46; background:#FFF; padding: 0 30px; display:inline-block;}
.bitkisel-yag .atikimg img.bitkisel-img-one{ margin-bottom:24px;}
.bitkisel-yag span.color-yellow { color:#D7BE46; font-weight:600;}

.elektronik{ background-color:#A72524;}
.elektronik .content{ background-color:#FFF;}
.elektronik h1 { background-color:#A72524; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.elektronik h1 span { color:#A72524; background:#FFF; padding: 0 30px; display:inline-block;}
.elektronik .atikimg img.elektronik-img-one{ margin-bottom:20px;}
.elektronik span.color-brown { color:#A72524; font-weight:600;}

.ilac{ background-color:#E03227;}
.ilac .content{ background-color:#FFF;}
.ilac h1 { background-color:#E03227; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.ilac h1 span { color:#E03227; background:#FFF; padding: 0 30px; display:inline-block;}
.ilac .atikimg img.one{ margin-bottom:10px;}
.ilac p.color-red { color:#E03227; font-weight:600;}

.hacimli-atik{ background-color:#731D7C;}
.hacimli-atik .content{ background-color:#FFF;}
.hacimli-atik h1 { background-color:#731D7C; display:flex; align-items:center; justify-content:center; height:6px; border:none; margin:16px 50px 40px 50px; padding:0; font-size: 2rem; font-weight: 700; letter-spacing: -1px;}
.hacimli-atik h1 span { color:#731D7C; background:#FFF; padding: 0 30px; display:inline-block;}
.hacimli-atik .atikimg img.one{ margin-bottom:10px;}
.hacimli-atik span.color-purple { color:#731D7C; font-weight:600;}