@media (max-width:320px){

}

@media (min-width:321px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 20px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.whatsapp-btn {
    background: #28b515;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    color: #fff !important;
  }
  .ara-btn {
    background: #9e1d1d;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    color: #fff !important;
  }
.urunkutu-baslikic{font-size:18px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 35px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 20px 0px;}
.p5icaccordion{font-size: 16px !important; padding: 20px 20px; color: #300d7e;}
.kategorifsp5{font-size: 16px; padding: 20px 20px; border-left: 3px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 0px;}
.padsag{padding-right: 0px;}
.detayicerikbaslik{font-size: 16px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 16px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/onlinembl.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}
.mtbread{padding-top: 0px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 50px; margin:50px 0px 0px 0px}
.pgalerimtmb{padding:50px 0px 0px 0px;}
.tum-pmtmb{margin: 50px 0px 50px 0px;}
.fs40-fotobaslik{font-size: 25px; padding-bottom: 30px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 16px; line-height: 16px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:90px;}
.proje-header-title{color: #2f067d !important; font-size: 25px !important; line-height:35px; font-weight: 700 !important; padding-bottom:0px; padding-top: 0px;}
.teknikozellikpad{padding:25px 25px 25px 25px; margin-left: 0px; background: #edeff3; border-radius: 15px 15px 15px 15px; font-size:15px;}
.fs30tozellik{font-size: 28px; margin-bottom: 20px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 0px;}

.uk-breadcrumb>*>*{ color: #393460; font-size:13px !important;}
.uk-breadcrumb li{ color: #393460; font-size: 13px;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{ color: #393460; font-size: 13px;}
.uk-news-title{font-size: 18px;}
.detaylink{font-size: 18px;}

.uk-padding-contanct{padding: 20px;}
.iletisim{font-size: 16px;}
.fs22-sube{font-size: 20px;}


.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 170px !important; width:100%;}
.header-title{color: #fff !important; font-size: 20px !important; font-weight: 600 !important; padding:20px 0px 20px 0px; margin: 0px;}
.content{ font-size: 15px;  font-weight: 300; min-height: 500px; padding-top: 30px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:0px}
.adamswh{width: 200px;}

.uk-navbar-nav{gap:15px !important;}
.sticky .dil-pad{padding:30px 0px 0px 0px; color:#2a2178}
.dil-pad{padding:15px 0px 0px 5px; color:#2a2178}
.menumt{margin-top: 20px;}
.sticky .logo{ background: url('/images/logombl.webp') no-repeat center left; width: 150px; background-size: 150px; height: 60px; display: block;}
.logo{ background: url('/images/logombl.webp') no-repeat center center; width: 160px; background-size: 160px; height: 51px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 13px; margin: 0px 0px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 13px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 14px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -24px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}
.sticky .mobil-menu-color{color: #fff;}
.mobil-menu-color{color: #fff; background: #a1222a; border-radius: 5px; padding: 2px 7px;}

.slogan-bg{background:#fff; height:0px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 100px;}
.slogan2-mb30{margin-bottom:10px;}
.sloganfs{font-size: 40px; line-height: 40px; color: #2a2178; letter-spacing: -3px; z-index: 2; display: block; position: relative; padding-right: 15px;}


.urun-soguk-oda{background:#e4e6ea; padding:50px 0px 50px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 18px; line-height: 18px; font-weight: 600; padding: 12px 15px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:40px 20px 20px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 82px; height: 82px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:20px; color:#393460}
.urunkutu-kisa{font-size:15px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.outline {text-shadow:  -1px -1px 0 #2a2178,     1px -1px 0 #2a2178,   -1px 1px 0 #2a2178,    1px 1px 0 #2a2178 }
@supports((text-stroke: 2px #2a2178) or (-webkit-text-stroke: 2px #2a2178)) {
.outline { color: #fff;  -webkit-text-stroke: 2px #2a2178; text-stroke: 2px #2a2178; text-shadow: none; }}
  
.adamw{width: 120px;}
.mblbglac{background:#2a2178; padding:50px 30px 0px 30px}
.cold-bg{padding-top:0px; padding-bottom:0px; font-size:15px; color:#34314e}
.pr-350{padding:20px 0px 0px 0px;}
.fs30-baslik{font-size: 22px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -20px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 15px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 15px; height: 22px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 17px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:22px; line-height:28px; padding:20px 20px; border-radius:20px; display:block}
.teklif-alan-pad{padding:70px 0px 70px 0px}
.proje-link{color: #393460; font-size: 13px;}
.proje-baslik-yer{padding: 20px 10px 20px 10px;}
.projesagbg{margin-top:50px;}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 55px;  letter-spacing: -3px;color: #fff;}
.tumprojeler{color: #2a2178; font-size: 14px;}


.fs40-baslik{font-size: 27px; padding-bottom: 0px; color: #2a2178;}
.accordionplr{padding:15px 0px 10px 0px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 20px;  font-size: 16px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 20px 20px 20px; font-size: 14px; font-weight: 300;}
.mbottom-100{margin-bottom: 100px;}


.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 50px 0px 50px 0px; font-size: 14px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 18px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 18px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 35px;  height: 35px;}
.sosyalbtn svg { width: 20px;  height: 20px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 14px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 180px;}
.katalogwh{width: 40px;}
}

@media(min-width:640px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 24px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.whatsapp-btn {
    background: #28b515;
    border-radius: 50%;
    padding: 5px;
    width: 60px;
    height: 60px;
    line-height: 53px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    color: #fff !important;
  }
.ara-btn {
    background: #9e1d1d;
    border-radius: 50%;
    padding: 5px;
    width: 60px;
    height: 60px;
    line-height: 53px;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    color: #fff !important;
  }  
.urunkutu-baslikic{font-size:18px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 35px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 70px 0px;}
.p5icaccordion{font-size: 18px !important; padding: 25px 25px; color: #300d7e;}
.kategorifsp5{font-size: 18px; padding: 25px 25px; border-left: 5px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 0px;}
.padsag{padding-right: 0px;}
.detayicerikbaslik{font-size: 18px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 18px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/onlinembl.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}
.mtbread{padding-top: 10px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 100px; margin:50px 0px 0px 0px}
.pgalerimtmb{padding:100px 0px 0px 0px;}
.tum-pmtmb{margin: 80px 0px 80px 0px;}
.fs40-fotobaslik{font-size: 30px; padding-bottom: 50px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:130px;}
.proje-header-title{color: #2f067d !important; font-size: 25px !important; line-height:35px; font-weight: 700 !important; padding-bottom:20px; padding-top: 10px;}
.teknikozellikpad{padding:50px 50px 50px 50px; margin-left: 0px; background: #edeff3; border-radius: 15px 15px 15px 15px; font-size:16px;}
.fs30tozellik{font-size: 33px; margin-bottom: 30px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 0px;}

.uk-breadcrumb>*>*{ color: #393460; font-size:15px !important;}
.uk-breadcrumb li{ color: #393460; font-size: 15px;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{ color: #393460; font-size: 15px;}
.uk-news-title{font-size: 20px;}
.detaylink{font-size: 18px;}

.uk-padding-contanct{padding: 30px;}
.iletisim{font-size: 16px;}
.fs22-sube{font-size: 20px;}

.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 200px !important; width:100%;}
.header-title{color: #fff !important; font-size: 22px !important; font-weight: 600 !important; padding:20px 0px 20px 0px; margin: 0px;}
.content{ font-size: 16px;  font-weight: 300; min-height: 500px; padding-top: 50px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:0px}
.adamswh{width: 200px;}

.uk-navbar-nav{gap:15px !important;}
.sticky .dil-pad{padding:30px 0px 0px 0px; color:#2a2178}
.dil-pad{padding:15px 0px 0px 5px; color:#2a2178}
.menumt{margin-top: 40px;}
.sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 180px; background-size: 160px; height: 80px; display: block;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 180px; background-size: 180px; height: 50px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 13px; margin: 0px 0px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 13px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 14px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -44px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}
.sticky .mobil-menu-color{color: #393460;}
.sticky .mobil-menu-color{color: #fff;}
.mobil-menu-color{color: #fff; background: #a1222a; border-radius: 5px; padding: 2px 7px;}

.slogan-bg{background:#fff; height:0px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 30px;}
.slogan2-mb30{margin-bottom:20px;}
.sloganfs{font-size: 40px; line-height: 40px; color: #2a2178; letter-spacing: -4px; z-index: 2; display: block; position: relative; padding-right: 15px;}


.urun-soguk-oda{background:#e4e6ea; padding:100px 0px 100px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 20px; line-height: 20px; font-weight: 600; padding: 18px 45px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:50px 20px 20px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:22px; color:#393460}
.urunkutu-kisa{font-size:15px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.mblbglac{background:#2a2178; padding:70px 50px 0px 50px}
.adamw{width: 150px;}
.bordericon-left{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 40px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#2a2178; background: url(/images/k-arrow-left.webp) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{opacity: 1; border: 5px solid #2a2178; background: url(/images/k-arrow-left2.webp) no-repeat center center #2a2178; color: #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.webp) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{opacity: 1; border: 5px solid #2a2178;  background: url(/images/k-arrow-right2.webp) no-repeat center center  #2a2178; color: #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cold-bg{padding-top:0px; padding-bottom:0px; font-size:16px; color:#34314e}
.pr-350{padding:20px 0px 0px 0px;}
.fs30-baslik{font-size: 28px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -30px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 20px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 20px; height: 20px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 16px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:25px; line-height:30px; padding:30px 30px; border-radius:20px; display:inline-block}
.teklif-alan-pad{padding:70px 0px 70px 0px}
.proje-link{color: #393460; font-size: 14px;}
.proje-baslik-yer{padding: 20px 20px 20px 20px;}
.projesagbg{margin-top:50px;}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 70px;  letter-spacing: -5px;color: #fff;}
.tumprojeler{color: #2a2178; font-size: 16px;}


.fs40-baslik{font-size: 30px; padding-bottom: 0px; color: #2a2178;}
.accordionplr{padding:15px 0px 10px 0px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 25px;  font-size: 18px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 25px 20px 25px; font-size: 16px; font-weight: 300;}
.mbottom-100{margin-bottom: 100px;}

.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 50px 0px 50px 0px; font-size: 14px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 18px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 18px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 35px;  height: 35px;}
.sosyalbtn svg { width: 20px;  height: 20px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 14px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 224px;}
.katalogwh{width: 44px;}
}

@media(min-width:960px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 24px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.urunkutu-baslikic{font-size:18px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 35px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 70px 0px;}
.p5icaccordion{font-size: 18px !important; padding: 25px 25px; color: #300d7e;}
.kategorifsp5{font-size: 18px; padding: 25px 25px; border-left: 5px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 50px;}
.padsag{padding-right: 50px;}
.detayicerikbaslik{font-size: 18px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 18px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/online.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}
.mtbread{padding-top: 10px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 100px; margin:150px 0px 0px 0px}
.pgalerimtmb{padding:100px 0px 0px 0px;}
.tum-pmtmb{margin: 80px 0px 80px 0px;}
.fs40-fotobaslik{font-size: 30px; padding-bottom: 50px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:130px;}
.proje-header-title{color: #2f067d !important; font-size: 25px !important; line-height:35px; font-weight: 700 !important; padding-bottom:20px; padding-top: 10px;}
.teknikozellikpad{padding:50px 50px 50px 50px; margin-left: 50px; background: #edeff3; border-radius: 0px 0px 15px 15px; font-size:16px;}
.fs30tozellik{font-size: 33px; margin-bottom: 30px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 200px;}


.uk-news-title{font-size: 18px;}
.detaylink{font-size: 18px;}

.uk-form-label { font-size: 16px;}
.uk-padding-contanct{padding: 40px;}
.iletisim{font-size: 16px;}
.fs22-sube{font-size: 22px;}

.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 200px !important; width:100%;}
.header-title{color: #fff !important; font-size: 22px !important; font-weight: 600 !important; padding:20px 0px 20px 0px; margin: 0px;}
.content{ font-size: 16px;  font-weight: 300; min-height: 500px; padding-top: 50px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:0px}
.adamswh{width: 200px;}

.uk-navbar-nav{gap:15px !important;}
.sticky .dil-pad{padding:30px 0px 0px 0px; color:#2a2178}
.dil-pad{padding:15px 0px 0px 5px; color:#2a2178}
.menumt{margin-top: 40px;}
.sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 180px; background-size: 160px; height: 80px; display: block;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 180px; background-size: 180px; height: 50px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 13px; margin: 0px 0px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 13px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 14px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -44px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}
.sticky .mobil-menu-color{color: #fff;}
.mobil-menu-color{color: #fff; background: #a1222a; border-radius: 5px; padding: 2px 7px;}

.slogan-bg{background:#fff; height:40px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 100px;}
.slogan2-mb30{margin-bottom:60px;}
.sloganfs{font-size: 70px; line-height: 70px; color: #2a2178; letter-spacing: -8px; z-index: 2; display: block; position: relative; padding-right: 15px;}


.urun-soguk-oda{background:#e4e6ea; padding:100px 0px 100px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 24px; line-height: 24px; font-weight: 600; padding: 18px 45px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:50px 20px 20px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:22px; color:#393460}
.urunkutu-kisa{font-size:15px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.mblbglac{background:#2a2178; padding:70px 50px 0px 50px}
.adamw{width: 150px;}
.bordericon-left{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#2a2178; background: url(/images/k-arrow-left.webp) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{opacity: 1; border: 5px solid #2a2178; background: url(/images/k-arrow-left2.webp) no-repeat center center #2a2178; color: #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.webp) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{opacity: 1; border: 5px solid #2a2178;  background: url(/images/k-arrow-right2.webp) no-repeat center center  #2a2178; color: #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cold-bg{padding-top:0px; padding-bottom:0px; font-size:16px; color:#34314e}
.pr-350{padding:20px 0px 0px 0px;}
.fs30-baslik{font-size: 28px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -30px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 20px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 20px; height: 20px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 16px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:25px; line-height:30px; padding:30px 30px; border-radius:20px; display:inline-block}
.teklif-alan-pad{padding:70px 0px 70px 0px}
.proje-link{color: #393460; font-size: 16px;}
.proje-baslik-yer{padding: 20px 20px 20px 20px;}
.projesagbg{margin-top:50px;}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 100px;  letter-spacing: -10px;color: #fff;}
.tumprojeler{color: #2a2178; font-size: 18px;}


.fs40-baslik{font-size: 40px; padding-bottom: 30px; color: #2a2178;}
.accordionplr{padding:15px 0px 10px 0px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 25px;  font-size: 20px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 25px 20px 25px; font-size: 16px; font-weight: 300;}
.mbottom-100{margin-bottom: 150px;}

.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 100px 0px 100px 0px; font-size: 14px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 18px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 18px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 35px;  height: 35px;}
.sosyalbtn svg { width: 20px;  height: 20px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 14px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 224px;}
.katalogwh{width: 44px;}
}

@media(min-width:1200px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 24px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.urunkutu-baslikic{font-size:18px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 35px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 70px 0px;}
.p5icaccordion{font-size: 18px !important; padding: 25px 25px; color: #300d7e;}
.kategorifsp5{font-size: 18px; padding: 25px 25px; border-left: 5px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 50px;}
.padsag{padding-right: 50px;}
.detayicerikbaslik{font-size: 18px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 18px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/online.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}
.mtbread{padding-top: 10px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 100px; margin:150px 0px 0px 0px}
.pgalerimtmb{padding:100px 0px 0px 0px;}
.tum-pmtmb{margin: 100px 0px 100px 0px;}
.fs40-fotobaslik{font-size: 35px; padding-bottom: 50px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 20px; line-height: 20px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:130px;}
.proje-header-title{color: #2f067d !important; font-size: 30px !important; line-height:40px; font-weight: 700 !important; padding-bottom:20px; padding-top: 10px;}
.teknikozellikpad{padding:50px 50px 50px 50px; margin-left: 50px; background: #edeff3; border-radius: 0px 0px 15px 15px; font-size:16px;}
.fs30tozellik{font-size: 35px; margin-bottom: 30px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 200px;}

.uk-news-title{font-size: 18px;}
.detaylink{font-size: 18px;}

.uk-padding-contanct{padding: 40px;}
.iletisim{font-size: 18px;}
.fs22-sube{font-size: 22px;}

.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 300px !important; width:100%;}
.header-title{color: #fff !important; font-size: 30px !important; font-weight: 600 !important; padding:30px 0px 30px 0px; margin: 0px;}
.content{ font-size: 16px;  font-weight: 300; min-height: 500px; padding-top: 50px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:20px}
.adamswh{width: 300px;}

.uk-navbar-nav{gap:15px !important;}
.sticky .dil-pad{padding:15px 0px 0px 0px; color:#2a2178;  display: none;}
.dil-pad{padding:15px 0px 0px 5px; color:#2a2178;  display: block;}
.menumt{margin-top: 40px;}
.sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 180px; background-size: 160px; height: 80px; display: block;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 180px; background-size: 180px; height: 50px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 13px; margin: 0px 0px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 13px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 14px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -44px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}

.mobil-menu-color{color: #fff;}

.slogan-bg{background:#fff; height:40px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 100px;}
.slogan2-mb30{margin-bottom:60px;}
.sloganfs{font-size: 90px; line-height: 90px; color: #2a2178; letter-spacing: -8px; z-index: 2; display: block; position: relative; padding-right: 15px;}


.urun-soguk-oda{background:#e4e6ea; padding:100px 0px 100px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 24px; line-height: 24px; font-weight: 600; padding: 18px 45px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:50px 20px 20px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:22px; color:#393460}
.urunkutu-kisa{font-size:15px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.outline {text-shadow:  -1px -1px 0 #fff,     1px -1px 0 #fff,   -1px 1px 0 #fff,    1px 1px 0 #fff }
@supports((text-stroke: 2px #fff) or (-webkit-text-stroke: 2px #fff)) {
.outline { color: #2a2178;  -webkit-text-stroke: 2px #fff; text-stroke: 2px #fff; text-shadow: none; }}
  
.bordericon-left{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#2a2178; background: url(/images/k-arrow-left.webp) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{opacity: 1; border: 5px solid #2a2178; background: url(/images/k-arrow-left2.webp) no-repeat center center #2a2178; color: #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.webp) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{opacity: 1; border: 5px solid #2a2178;  background: url(/images/k-arrow-right2.webp) no-repeat center center  #2a2178; color: #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cold-bg{background:url(/images/coldbg.webp) no-repeat top left #fff; background-size:100%; min-height:2209px; padding-top:80px; padding-bottom:0px; font-size:14px; color:#34314e}
.pr-350{padding:20px 44% 0px 0px;}
.fs30-baslik{font-size: 28px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -30px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 20px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 20px; height: 20px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 16px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:25px; line-height:30px; padding:30px 30px; border-radius:20px; display:inline-block}
.teklif-alan-pad{padding:180px 0px 50px 0px}
.proje-link{color: #393460; font-size: 16px;}
.proje-baslik-yer{padding: 20px 20px 20px 20px;}
.projesagbg{margin-top:50px}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 110px;  letter-spacing: -10px;color: #2a2178;}
.tumprojeler{color: #2a2178; font-size: 18px;}


.fs40-baslik{font-size: 40px; padding-bottom: 30px; color: #2a2178;}
.accordionplr{padding:15px 70px 0px 70px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 25px;  font-size: 22px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 25px 20px 25px; font-size: 16px; font-weight: 300;}
.mbottom-100{margin-bottom: 200px;}

.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 100px 0px 100px 0px; font-size: 14px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 18px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 18px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 35px;  height: 35px;}
.sosyalbtn svg { width: 20px;  height: 20px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 14px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 224px;}
.katalogwh{width: 44px;}
}

@media(min-width:1400px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 28px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.urunkutu-baslikic{font-size:18px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 55px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 70px 0px;}
.p5icaccordion{font-size: 20px !important; padding: 25px 25px; color: #300d7e;}
.kategorifsp5{font-size: 20px; padding: 25px 25px; border-left: 5px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 50px;}
.padsag{padding-right: 50px;}
.detayicerikbaslik{font-size: 18px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 18px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/online.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}
.mtbread{padding-top: 30px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 100px; margin:150px 0px 0px 0px}
.pgalerimtmb{padding:100px 0px 0px 0px;}
.tum-pmtmb{margin: 100px 0px 100px 0px;}
.fs40-fotobaslik{font-size: 40px; padding-bottom: 50px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 22px; line-height: 22px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:150px;}
.proje-header-title{color: #2f067d !important; font-size: 35px !important; line-height:45px; font-weight: 700 !important; padding-bottom:20px; padding-top: 10px;}
.teknikozellikpad{padding:100px 100px 100px 100px; margin-left: 50px; background: #edeff3; border-radius: 0px 0px 15px 15px; font-size:18px;}
.fs30tozellik{font-size: 40px; margin-bottom: 40px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 200px;}

.uk-news-title{font-size: 20px;}
.detaylink{font-size: 18px;}

.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 300px !important; width:100%;}
.header-title{color: #fff !important; font-size: 30px !important; font-weight: 600 !important; padding:30px 0px 30px 0px; margin: 0px;}
.content{ font-size: 17px;  font-weight: 300; min-height: 500px; padding-top: 50px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:20px}
.adamswh{width: 300px;}


.uk-navbar-nav{gap: 20px !important;}
.sticky .dil-pad{padding:30px 0px 0px 0px; color:#2a2178;   display: none;}
.dil-pad{padding:30px 0px 0px 5px; color:#2a2178; display: block;}
.menumt{margin-top: 40px;}
.sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 206px; background-size: 180px; height: 88px; display: block;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 246px; background-size: 246px; height: 68px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 14px; margin: 0px 0px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 14px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 14px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -44px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}

.mobil-menu-color{color: #fff;}

.slogan-bg{background:#fff; height:40px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 100px;}
.slogan2-mb30{margin-bottom:60px;}
.sloganfs{font-size: 100px; line-height: 100px; color: #2a2178; letter-spacing: -11px; z-index: 2; display: block; position: relative; padding-right: 15px;}

.urun-soguk-oda{background:#e4e6ea; padding:100px 0px 100px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 26px; line-height: 26px; font-weight: 600; padding: 18px 45px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:50px 20px 20px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:24px; color:#393460}
.urunkutu-kisa{font-size:16px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.bordericon-left{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#2a2178; background: url(/images/k-arrow-left.webp) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{opacity: 1; border: 5px solid #2a2178; background: url(/images/k-arrow-left2.webp) no-repeat center center #2a2178; color: #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 50px; height: 50px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.webp) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{opacity: 1; border: 5px solid #2a2178;  background: url(/images/k-arrow-right2.webp) no-repeat center center  #2a2178; color: #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cold-bg{background:url(/images/coldbg.webp) no-repeat top left #fff; background-size:100%; min-height:2209px; padding-top:100px; padding-bottom:0px; font-size:16px; color:#34314e}
.pr-350{padding:30px 40% 0px 0px;}
.fs30-baslik{font-size: 28px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -30px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 24px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 24px; height: 24px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 16px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:25px; line-height:30px; padding:30px 30px; border-radius:20px; display:inline-block}
.teklif-alan-pad{padding:180px 0px 50px 0px}
.proje-link{color: #393460; font-size: 16px;}
.proje-baslik-yer{padding: 20px 20px 20px 20px;}
.projesagbg{margin-top:50px}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 115px;  letter-spacing: -10px;color: #2a2178;}
.tumprojeler{color: #2a2178; font-size: 18px;}


.fs40-baslik{font-size: 40px; padding-bottom: 30px; color: #2a2178;}
.accordionplr{padding:15px 100px 0px 100px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 25px;  font-size: 22px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 25px 20px 25px; font-size: 18px; font-weight: 300;}
.mbottom-100{margin-bottom: 200px;}


.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 100px 0px 100px 0px; font-size: 16px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 22px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 22px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 40px;  height: 40px;}
.sosyalbtn svg { width: 25px;  height: 25px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 16px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 274px;}
.katalogwh{width: 64px;}
}

@media(min-width:1600px){
.madde ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 28px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.urunkutu-baslikic{font-size:20px; color:#393460}
.urun-kutuic{background: #e5e6ea;display:block;padding:40px 20px 40px 20px;border-radius:20px;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.iconbgic{background-color:#fff !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.urunkutu-detay{padding:20px 20px 30px 20px; color:#330e84; font-size:18px; border-top:1px solid #eee;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;} 
.urundetaybtn{background:#330e84; color:#fff; padding:10px 55px; font-size:16px; border-radius:15px; display:inline-block; margin-top:25px;}

.video-ic-bg{background: #eeeff3; padding: 70px 0px;}
.p5icaccordion{font-size: 20px !important; padding: 25px 25px; color: #300d7e;}
.kategorifsp5{font-size: 20px; padding: 25px 25px; border-left: 5px solid #300d7e; color: #300d7e;}
.padsol{padding-left: 50px;}
.padsag{padding-right: 50px;}
.detayicerikbaslik{font-size: 18px; padding-bottom: 20px;}
.aidetayicerikbaslik{font-size: 18px; padding-bottom: 20px;}

.online-odemebg{background:url(/images/online.webp) no-repeat center bottom; background-size:cover}
.onlineodeme{background: #28b515; color: #fff; padding: 10px 30px; font-size: 18px;}

.mtbread{padding-top: 50px;}
.pgaleri-bg{background:#eeeff3; padding-bottom: 100px; margin:150px 0px 0px 0px}
.pgalerimtmb{padding:100px 0px 0px 0px;}
.tum-pmtmb{margin: 100px 0px 100px 0px;}
.fs40-fotobaslik{font-size: 40px; padding-bottom: 50px; color: #2a2178;}
.pdetaybtn{background: #2a2178; color: #fff; font-size: 22px; line-height: 22px; font-weight: 600; padding: 18px 45px; border-radius: 10px;  display: inline-block;}
.udetay-pt{padding-top:150px;}
.proje-header-title{color: #2f067d !important; font-size: 38px !important; line-height:50px; font-weight: 700 !important; padding-bottom:40px; padding-top: 30px;}
.teknikozellikpad{padding:100px 100px 100px 100px; margin-left: 50px; background: #edeff3; border-radius: 0px 0px 15px 15px; font-size:18px;}
.fs30tozellik{font-size: 40px; margin-bottom: 40px; font-weight: 200;}
.maddeurun ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 35px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }
.mbottom-100-urndty{margin-bottom: 200px;}


.uk-news-title{font-size: 20px;}
.detaylink{font-size: 18px;}

.ic-serit{background:#2f037e; padding:0px 0px 0px 0px; margin-top:0px; z-index: 2; position: relative;}
.icler .uk-navbar-nav>li>a{ color: #2a2178;}
.header-bg{object-fit: cover; object-position: right bottom; height: 350px !important; width:100%;}
.header-title{color: #fff !important; font-size: 35px !important; font-weight: 600 !important; padding:30px 0px 30px 0px; margin: 0px;}
.content{ font-size: 17px;  font-weight: 300; min-height: 500px; padding-top: 50px;}
.fs40-icbaslik{font-size: 40px; padding-top: 0px;}
.bread-pb30{padding-bottom:30px}
.adamswh{width: 350px;}

.sticky .dil-pad{padding:30px 0px 0px 0px; color:#2a2178; display: none;}
.dil-pad{padding:30px 0px 0px 20px; color:#2a2178;  display: block;}
.menumt{margin-top: 40px;}
.sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 206px; background-size: 180px; height: 88px; display: block;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 246px; background-size: 246px; height: 68px; display: block; margin-top: 0px;}
.sticky .uk-navbar-nav>li>a{ color: #393460;}
.uk-navbar-nav>li>a{ color: #fff; font-size: 16px; margin: 0px 1px; font-weight: 700;}
.uk-navbar-nav>li.uk-active>a{ color: #393460; font-size: 16px;}
.uk-navbar-dropdown-nav>li>a{ color: #393460 !important; font-size: 16px; text-align: left;} 
.sticky .uk-navbar-dropdown{ border-radius: 15px; }
.sticky {  position: fixed !important;  z-index:999;  margin-top: -44px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;background:#fff; box-shadow: 2px 2px 22px #ccc;}

.mobil-menu-color{color: #fff;}

.slogan-bg{background:#fff; height:40px; width: 82%; top:-40px; box-shadow: 0px 1px 20px 4px rgb(0 0 0 / 18%); display: inline-block; z-index: 1; position: relative;}
.slogan-mb30{margin-bottom: 100px;}
.slogan2-mb30{margin-bottom:60px;}
.sloganfs{font-size: 120px; line-height: 120px; color: #2a2178; letter-spacing: -11px; z-index: 2; display: block; position: relative; padding-right: 15px;}

.urun-soguk-oda{background:#e4e6ea; padding:100px 0px 100px 0px}
.uk-subnav>*>:first-child { color: #2a2178; font-size: 30px; line-height: 30px; font-weight: 600; padding: 18px 45px; border-radius: 10px; text-transform: capitalize;}
.urun-kutu{background:#fff; display:block; padding:60px 30px 60px 30px; border-radius:20px; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.iconbg{background-color:#e4e6ea !important; width: 92px; height: 92px; border-radius: 50%; display: inline-block; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urunkutu-baslik{font-size:24px; color:#393460}
.urunkutu-kisa{font-size:16px; color:#393460}
.chev-btn{border:2px solid #ffffff; padding:3px 3px; border-radius:50%; color:#ffffff; display:inline-block; margin-top: 5px;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.bordericon-left{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 54px; height: 54px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#2a2178; background: url(/images/k-arrow-left.webp) no-repeat center center; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-left:hover{opacity: 1; border: 5px solid #2a2178; background: url(/images/k-arrow-left2.webp) no-repeat center center #2a2178; color: #fff; background-position: calc(50% - 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right{opacity: 1; border: 5px solid #2a2178; border-radius: 50%; width: 54px; height: 54px; background: none; cursor: pointer; align-items: center; justify-content: center; color:#3666AB; background: url(/images/k-arrow-right.webp) no-repeat center center; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}
.bordericon-right:hover{opacity: 1; border: 5px solid #2a2178;  background: url(/images/k-arrow-right2.webp) no-repeat center center  #2a2178; color: #fff; background-position: calc(50% + 0px) center; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-transition:all 0.3s ease-out;}

.cold-bg{background:url(/images/coldbg.webp) no-repeat top left #fff; background-size:100%; min-height:2209px; padding-top:130px; padding-bottom:0px; font-size:16px; color:#34314e}
.pr-350{padding:50px 40% 0px 0px;}
.fs30-baslik{font-size: 30px;}
.madde1 ul { list-style: none;  padding-left: 0;  margin-top: 0; margin-left: -30px;}
.madde1 li { display: flex; padding-bottom: 15px; align-items: flex-start;}
.madde1 li::before { content: ""; background-image: url('/images/onay.webp'); background-size: 24px; background-repeat: no-repeat; background-position: left center;  display: inline-block; width: 24px; height: 24px;
 margin-right: 10px;flex-shrink: 0;}
.madde1 ul li strong{font-size: 18px; font-weight: 600;} 
.teklif-al-btn{background:#2a2178; color:#fff; font-size:30px; line-height:35px; padding:30px 30px; border-radius:20px; display:inline-block}
.teklif-alan-pad{padding:180px 0px 50px 0px}
.proje-link{color: #393460; font-size: 18px;}
.proje-baslik-yer{padding: 20px 20px 20px 20px;}
.projesagbg{background:url(/images/proje-sag.webp) no-repeat right bottom; background-size:auto;   margin-top:100px}
.projealan-mt{margin-top:68px}
.proje-font{font-size: 125px;  letter-spacing: -10px;color: #2a2178;}
.tumprojeler{color: #2a2178; font-size: 18px;}


.fs40-baslik{font-size: 44px; padding-bottom: 50px; color: #2a2178;}
.accordionplr{padding:15px 100px 0px 100px}
.uk-accordion-bg { background: #fff;  color: #2a2178;  padding: 15px 25px;  font-size: 22px !important;  font-weight: 300 !important;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;  letter-spacing: 0px;  transform: scale(1);}
.uk-open .uk-accordion-bg {  background: #e4e6ea;  color: #2a2178;  font-weight: 600 !important;  letter-spacing: 0px;  transform: scale(1.01);}
.uk-accordion-bg:hover {  background: #e4e6ea;  color: #2a2178;  transition: background 0.2s ease-out, color 0.2s ease-out, letter-spacing 0.2s ease-out, transform 0.2s ease-out;}
.ai-content{padding: 0px 25px 20px 25px; font-size: 18px; font-weight: 300;}
.mbottom-100{margin-bottom: 200px;}


.footer-content{background: url(/images/footer.webp) right top no-repeat #2a2178; min-height: 315px; background-size: auto; padding: 120px 0px 100px 0px; font-size: 16px; color: #e4e6ea;}
.onlinekatalog-link{font-size: 24px; color: #e4e6ea;}
.sosyal-medyafs{font-size: 24px; color: #e4e6ea;}
.sosyalbtn .uk-icon-button { width: 45px;  height: 45px;}
.sosyalbtn svg { width: 28px;  height: 28px;}
.footer-sub-menu {list-style-type: none; padding: 0px;margin: 50px 0px 0px 0px;}
.footer-sub-menu li { margin-bottom: 7px;}
.footer-sub-menu a { color: #e4e6ea; font-size: 16px; text-decoration: none; font-weight: 300; position: relative;}
.footer-sub-menu a:hover { color: #e4e6ea;}
.bt-1{border-top:1px solid #e4e6ea; padding-top:30px; margin-top:30px;}
.altlogowh{width: 274px;}
.katalogwh{width: 64px;}
}


@media(min-width:1930px){
    
.cold-bg{background:url(/images/coldbg.webp) no-repeat top left #fff; background-size:100%; min-height:2609px; padding-top:130px; padding-bottom:0px; font-size:16px; color:#34314e}
.pr-350{padding:50px 50% 0px 0px;}
.teklif-alan-pad{padding:230px 0px 50px 0px}
.projesagbg{background:url(/images/proje-sag1.webp) no-repeat right top; background-size:auto; margin-top:30px}
.projealan-mt{margin-top:138px}

}



.city {
    fill: #13033c;
    fill-opacity: 1;
    stroke:white;
    stroke-opacity: 1;
    stroke-width:0.5;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
  }
  
  .city:hover {
       fill: #4718c0;
     }
  
  .show-city-name {
    background-color: #4718c0;
    border-radius: 15px;
    color: #fff;
    position: absolute;
    padding: 15px 25px;
    opacity: 0;
    visibility: hidden;
    font-size: 16px;
  }
  
  .show-city-name--active {
      opacity: 1;
      visibility: visible
    }
  

.urun-kutuic:hover .iconbgic{background-color:#2a2178 !important; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urun-kutuic:hover img{filter: brightness(0) invert(1); -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}


.onlineodeme:hover{background: #2bd814; color: #fff !important;}


.urundetaybtn:hover{background:#4718c0; color:#fff;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.ukutu:hover .urundetaybtn{background:#4718c0; color:#fff;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.pgaleri .uk-slidenav {
    padding: 5px 10px;
    color: rgb(255 255 255);
    transition: color .1s ease-in-out;
}

.p5icaccordion:hover{color: #300d7e !important;}

.pdetaybtn:hover{background: #b5151f; color: #fff;}

.rotate-button-mak{width: 45px; height:45px; border: 1px solid #2b2a28; text-align:center; position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; background:transparent; border-radius:50%}

.rotate-button{width: 40px; height:40px; border: 1px solid #2b2a28; text-align:center; position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; background:transparent; border-radius:50%}


.content a:hover{color: #9c1f23;}
.content b{font-weight: 600;}
.iletisim a:hover{color: #9c1f23;}

.rotate-box:hover{color: #34314e !important;}
.boxhover:hover{color: #34314e !important;}
.boxhover a:hover{color: #34314e !important;}


.uk-form-label { color: #34314e;}
.uk-button-secondary { background-color: #2f067d;}
.uk-button-secondary:hover { background-color: #b5151f;}


.dilmbl{ color: #2a2178; background: #f1f1f1; padding: 5px 5px 5px 15px; border-radius: 5px;}
.dilmbl a{ color: #2a2178; }
.dilmbl a:hover{ color: #b5151f; }

.sloganoutline {
    text-shadow:  -1px -1px 0 #fff,     1px -1px 0 #fff,   -1px 1px 0 #fff,    1px 1px 0 #fff; }
    @supports((text-stroke: 1px #fff) or (-webkit-text-stroke: 1px #fff)) {
    .sloganoutline {  -webkit-text-stroke: 1px #fff; text-stroke: 1px #fff; text-shadow: none; }
}
 
.dil-pad a{color:#2a2178}
.dil-pad a:hover{color:#2a2178bd}


.urun-kutu:hover .chev-btn{border:2px solid #2a2178; color:#2a2178;-moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urun-kutu:hover .iconbg{background-color:#2a2178 !important; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}
.urun-kutu:hover img{filter: brightness(0) invert(1); -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;}

.uk-subnav-pill>.uk-active>a { background-color: #2a2178; color: #fff;}
.uk-subnav>*>:first-child:hover { color: #2a2178; }
.uk-subnav>*>:first-child:focus {background-color: #2a2178; color: #fff;}


.tumprojeler:hover{color: #b5151f;}
.teklif-al-btn:hover{background:#b5151f; color:#fff;}
.proje-link:hover{color: #393460;}


.whitelink{color: #e4e6ea;}
.whitelink:hover{color: #ffffffaf;}
.slider [data-uk-cover]:where(img,video), [uk-cover]:where(img,video) {
    object-position: top right;
}


.uk-dotnav>*>* {
    background-color: #fff !important;
    width: 12px;
    height: 12px;
}

.dahafazlabilgilink{color:#28b515;}
.dahafazlabilgilink:hover{color:#28b515;}

.green{color:#28b515;}
  

.madde5 ul { list-style: none;padding-left: 0; padding: 0 0 0 0px; margin-top: 0px;}
.madde5 li { display: flex; padding-bottom: 15px; align-items: top; }
.madde5 ul li::before { content: ""; background-image: url('/images/madde.webp'); background-size: 8px; background-repeat: no-repeat; background-position: left center; display: inline-block; width: 10px;  height: 25px;  margin-right: 10px; flex-shrink: 0;  vertical-align: middle; }



.uk-dotnav>.uk-active>* {
    background-color: #a2a7ab !important;
}

.uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}


.kisa b {color: #e31e25 !important;}
@font-face{font-family:Ataturk;src:url(../fonts/ataturk.ttf) format("truetype");font-style:normal}
.fontataturk{font-family:Ataturk;}


.uk-input, .uk-select, .uk-textarea {
    color: #666;
}
.fs18btn:hover{background-color: #e31e25;}

.uk-bg-grey{background: #f2f2f2;}
.uk-border{border: 1px solid #eee;}
.uk-navbar-dropdown-nav>li>a {display: block;}
.uk-offcanvas-bar .uk-close{color: #000;}
.uk-offcanvas-bar .uk-close:hover{color: #e31e25;}
.uk-offcanvas-bar .uk-button-secondary{background-color: #000000; color: #ffffff; font-size: 16px;}
.uk-offcanvas-bar .uk-button-secondary:hover{background-color: #e31e25; color: #ffffff;}

.lang .uk-nav li>a:hover { color: #e31e25;}
.lang .uk-nav, .uk-nav ul { margin: 0; padding: 10px; list-style: none;}

.tfilm-btn:hover{background:#e31e25; color:#fff; }
.uk-navbar-parent-icon {margin-left: 4px;transition: transform .3s ease-out; margin-top: 5px;}

.apotekfont{font-family: "apotek-wide", sans-serif;}
.slogan-mb30 span{color: #e31e25 !important;}
.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.makinapad:hover{color: #2b2a28;}

.border-bottom1{border-bottom: 1px solid #000;}
.bmakinalar .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #2b2a28; font-weight: 500;}
.bmakinalar .uk-subnav-pill>*>:first-child:hover {color: #000; background-color: transparent;}
.bmakinalar .uk-subnav-pill>* { padding-left: 5px;}
.bmakinalar .uk-subnav-pill>.uk-active>a> span{font-weight: 200;}
.bmakinalar .uk-subnav-pill { margin-left: 0px; }

.uk-border-top{border-top:1px solid #000000; padding-top: 20px;}
.uk-icon-button { border: 2px solid #fff; color: #fff; background-color: transparent;}
.uk-icon-button:hover { border: 2px solid #fff; color: #fff; background-color: transparent;}
.madde ul { list-style: none;padding-left: 0; padding: 0 0 0 0px; margin-top: 0px;}
.madde li { display: flex; padding-bottom: 15px; align-items: top; }



.uk-accordion-content b {font-weight: 500 !important;}


.rotate-button img { transition: transform 0.3s ease;}
.rotate-box:hover .rotate-button img { transform: rotate(45deg);}

.rotate-button-white img { transition: transform 0.3s ease; filter: brightness(0) invert(1);}
.rotate-box:hover .rotate-button-white img { transform: rotate(45deg);  filter: brightness(0) invert(0);}
.rotate-box:hover .rotate-button-white{background: #fff;}


.rotate-button-mak img { transition: transform 0.3s ease;}
.rotate-box:hover .rotate-button-mak img { transform: rotate(45deg);  filter: brightness(0) invert(1);}
.rotate-box:hover .rotate-button-mak{background: #2a2178; border:1px solid #2a2178;}



.sektorlerdiv .uk-slidenav {
    color: rgb(255 255 255);
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 0px;
}
.uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%232a2178%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%3Crect%20fill%3D%22%232a2178%22%20width%3D%222%22%20height%3D%2213%22%20x%3D%225.5%22%20y%3D%220%22%20%2F%3E%3C%2Fsvg%3E");
}
.uk-open > .uk-accordion-title::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%232a2178%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%3C%2Fsvg%3E");
}