@font-face {font-family:roboto_medium; src:url(Roboto-Medium.ttf);}
@font-face {font-family:roboto_bold; src:url(Roboto-Bold.ttf);}
@font-face {font-family:roboto_bolder; src:url(Roboto-Black.ttf);}
@font-face {font-family:roboto_regular; src:url(Roboto-Regular.ttf);}
@font-face {font-family:roboto_light; src:url(Roboto-Light.ttf);}
@font-face {font-family:ubuntu_bold; src:url(Ubuntu-B.ttf);}

/*---------------------------------------------owl carousel ürün detay------------------------------------------------*/
.carouselUrun{border:2px solid #ebeff2; margin-bottom:30px;}
.sliderUrun{height:390px!important;}
.sliderUrun img{margin-left:15%; width:70%;}

.carouselUrun .owl-controls{position:absolute; top:0px; right:0px; margin-right:15px; margin-top:15px;}
.carouselUrun .owl-page span{width:20px!important; height:5px!important; border-radius:0px!important; background:#e5ebf0; margin:0px 5px 0px 0px!important;}
.carouselUrun .owl-page span:hover{background:#1c1c1c!important;}
.carouselUrun .owl-page.active span{background:#1c1c1c!important;}

.haberler .owl-controls{position:absolute; top:-40px; right:0px; margin-right:30px; margin-top:15px;}
.haberler .owl-page span{width:20px!important; height:5px!important; border-radius:0px!important; background:#e5ebf0; margin:0px 5px 0px 0px!important;}
.haberler .owl-page span:hover{background:#1c1c1c!important;}
.haberler .owl-page.active span{background:#1c1c1c!important;}


/*---------------------------------------------slider----------------------------------------------------------------*/
.sliderIcerikKonum{position:absolute; bottom:100px; height:30px; left:0px; width:100%;}
.anasayfaSlider{position:relative; top:1px; z-index:0;}
.anasayfaSlider .carousel-control{
	background:transparent;
	width:100px;
}
.anasayfaSlider .carousel-indicators{
    width: calc(475px - 16px);
	bottom:-10px;
	margin:0px;
	right:0;
	text-align:right;
	left:unset;
	z-index:9999;
}

.beden {
    float: left;
    width: auto;
    padding: 0 5px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    height: 25px;
    border:1px solid #000;
    margin-top: -3px;
    font-weight: normal;
}

.anasayfaSlider .carousel-indicators li {
    float:left;
    margin-right:5px;
}

.anasayfaSlider .carousel-indicators li.active {
    margin-top:1px;

}

.TechCreative {
    float: right;
}

.TechCreative a:nth-child(1) {
    margin-right: 10px;
    color: #5f696e;
    font-size: 12px;
    font-family: roboto_bold;
}

.TechCreative a {
    float: left!important;
}

.TechCreative a img {
    margin-top: 0;
    float: none!important;
}

.TechCreative a::before {
    width: 0;
    height: 98px;
    content: "";
    position: absolute;
    margin-top: 0;
    background: url(../images/tech_creative_ajans.png) no-repeat;
    transition: all .4s !important;
    -webkit-transition: all .4s !important;
    -moz-transition: all .4s !important;
    -o-transition: all .4s !important;
    -ms-transition: all .4s !important;
}

.TechCreative a:nth-child(2):hover::before {
    width: 115px;
}

.carouselUrun ul li {
    list-style:none;
}

.carouselUrun ul li {
    display:none
}

.carouselUrun ul li:first-child {
    display:block
}


@keyframes animasyon{
	0%{transform:translateY(300px); opacity:0;}
	50%{transform:translateY(0px); opacity:1;}
	100%{transform:translateY(0px); opacity:1;}
}
.anasayfaSlider .carousel-indicators li{width:20px; height:5px; background:#fff; border:none; border-radius:0px;}
.anasayfaSlider .carousel-indicators li:hover{background:#1c1c1c;}
.anasayfaSlider .carousel-indicators .active{width:20px; height:5px; background:#1c1c1c;}

.sliderAciklama{width:300px; height:300px; float:right; padding:30px; opacity:1; margin-top:-400px; z-index:9999; position:relative; animation:animasyon 1s .7s ease-in-out forwards; transform:translateY(300px); opacity:0;}

.sliderAciklama h3{margin:0px; font-family:roboto_bold; font-size:50px; line-height:50px; color:#fff;letter-spacing: -2px;}
.sliderAciklama p{color:#fff; margin-top:15px; width:75%; font-size:18px; font-family:roboto_light;}
.sliderAciklama{background: rgba(88,128,53,0.7); width:475px; height:300px; float:right; padding:30px;}


.anaSayfaBackg{background:#ebeff2; margin-top:-1px;}

body{padding:0px!important;}
input{outline:none!important;} textarea{outline:none!important;}
html{overflow-x:hidden;}
a,i{transition:all .8s!important; -webkit-transition:all .8s!important; -moz-transition:all .8s!important; -o-transition:all .8s!important; -ms-transition:all .8s!important;}
a:hover,a:focus{text-decoration:none;}
header{background:#fff;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
footer{background:#fff; float:left; width:100%; margin-top:0px;}
ul{padding:0px;}
.navbar{margin:0px; min-height:0px; border-radius:0px;}
.mtop0{margin-top:0px;} .mtop15{margin-top:15px!important;} .mtop30{margin-top:30px!important;}
.mTopResp30{margin-top:30px!important;}
.mleft0{margin-left:0px;} .mleft15{margin-left:15px;}
.flLeft{float:left;} .flRight{float:right}
.w100flLeft{width:100%; float:left!important;} .w90flLeft{width:90%; float:left!important;} .w20flLeft{width:20%; float:left!important;}
.vAlignWr{display:table; height:100%;width:100%} .vAlign{vertical-align:middle; display:table-cell; width:100%}
.no-padding{padding: 0!important;} .no-margin{margin:0!important;} .no-bg{background:transparent!important} .no-border{border:0!important} .none-border{border:none;} .no-box-shadow{box-shadow:none;}
.color-white{color:#fff}.color-black{color:#000}.color-gray{color:#ddd}.color-orange{color:#ff5c14}.color-green{color:#37a751}.color-darkgray{color:#666}.color-lightGreen{color:#8fe7a4}.color-headgry{color:#8a9390}
.ffamilybolder{font-family:rubik_font} .ffamilylight{font-family:rubik_font_dort} .ffamilybold{font-family:rubik_font_uc} .ffamilylighter{font-family:rubik_font_iki}
.fs60{font-size:60px}.fs18{font-size:18px}.fs16{font-size:16px}.fs14{font-size:14px}.fs12{font-size:12px}.fs20{font-size:20px}.fs22{font-size:22px}.fs24{font-size:24px}.fs28{font-size:28px;}
.font-bold{font-weight:bolder}.font-normal{font-weight:400}.font-light{font-weight:lighter}
.h100{height:100%!important;} .h50{height:50%;}
.hAuto{height:auto;}
.tAlignc{text-align:center;}
.relative{position:relative!important;} .absolute{position:absolute!important;}
.anim{transition:all .4s!important; -webkit-transition:all .4s!important; -moz-transition:all .4s!important; -o-transition:all .4s!important; -ms-transition:all .4s!important;}
.colorWhite{color:#FFF} .colorGray{color:#48626F;} .colorBlue{color:#20A5D9;}
.bgColorBlue{background: #20A5D9;} .bgColorGray{background:#486270;}
.borderRadius{border-radius:5px;}
.respPadLeft0{padding-left:0px;} .respPadRight0{padding-right:0px;}
.ortaPaddingLeft30{padding:0px 0px 0px 30px;}

.anim-slider-acilis{transition:z-index .4s!important; -webkit-transition:z-index .4s!important; -moz-transition:z-index .4s!important; -o-transition:z-index .4s!important; -ms-transition:z-index .4s!important;
				  transition:opacity .4s .4s!important; -webkit-transition:opacity .4s .4s!important; -moz-transition:opacity .4s .4s!important; -o-transition:opacity .4s .4s!important; -ms-transition:opacity .4s .4s!important;}
.anim-menu{transition:all  .2s!important; -webkit-transition:all .2s!important; -moz-transition:all .2s!important; -o-transition:all .2s!important; -ms-transition:all .2s!important;}

.topMenu{height:40px!important; background:#f2f2f2; border:none!important; line-height:40px; position:relative;}
.telefonDestek{float:right; margin-right:10px;}
.telefonDestek p{color:#fff; float:right; margin:0px; font-family:roboto_medium; height:40px;}
.telefonDestek p a{color:#fff; margin-left:-5px;}
.telefonDestek p span{color:#F2F2F2;} .telefonDestek p:hover a, p:hover i{color:#333;}
.telefonDestek p i{margin:0px 15px; font-size:16px; line-height:40px;}
.topSosyal{height:40px; float:right; position:relative; top:0px;}
.topSosyal ul{height:40px; background:#29a52f;}
.topSosyal ul li{height:40px;}
.topSosyal ul li a{padding:10px; color:#fff;}
.topSosyal ul li a:hover{background:transparent; color:#1c1c1c;}

.navAlan{height:100px;}
.anaMenu{margin-top:0px; float:left;}
.anaMenu .anaMenuIcerik{display:block; margin-bottom:0px; float:right;}
.anaMenu .anaMenuIcerik li{float:left; list-style-type:none; padding-top:39px;}
.anaMenu .anaMenuIcerik li .firstLink{padding:42px 15px; font-family:roboto_bold; font-size:14px;  color:#1c1c1c; box-shadow:0px 0px 0px #1c1c1c inset;}
.anaMenu .anaMenuIcerik li .firstLink i{display:none;}
.acilirHeight{height:50px!important;}
.acilirIndex{z-index:1!important; margin-top:0px!important;}
.acilir{position:absolute; z-index:9999; width:260px; top:100px; height:0px; display:block; z-index:-999;}
.acilir li{list-style-type:none; width:100%; background:#1c1c1c; height:0px; background:#1c1c1c!important; border-bottom:1px solid #5f696e; float:none; padding-top:0px!important; position:relative;}
.acilir li:last-child{border-bottom:0px solid #5f696e;}
.acilir li:hover{ background:#101519!important;}
.acilir li:hover a{color:#fff;}
.acilir li a{color:#5f696e; font-family:roboto_medium; display:block; padding:10px; position:relative; z-index:9; background:#1c1c1c;/*border-bottom: 1px solid #5f696e;*/white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.acilir li ul li a {
    background: #1e2629;
}
.acilir2 {
    width:260px;
    position:absolute;
    height:auto;
    /*display:none;*/
    left: 0;
    top:0;
    z-index:8;
    opacity:0;
    transition: all .8s!important;
    -webkit-transition: all .8s!important;
    -moz-transition: all .8s!important;
    -o-transition: all .8s!important;
    -ms-transition: all .8s!important;

}

.acilir2 ul li a {
    color:#5f696e!important;
}

.acilir li:hover .acilir2 {
    left: 260px;
    opacity:1;
}

.acilir2 ul li:hover a {
    color:#fff!important;
}


.menuLogo{ height:140px; padding:15px 0px; text-align:center; width:180px; float:left; margin-top:-40px; z-index:99; position:relative;}
.menuLogo img{height:85px; margin-top:30px;}
.anaMenu{background:#fff;}

.menuArama{float:right; padding:0px;}
.menuArama input{border:none; padding:10px 35px 10px 15px; background:#ebeff2; height:40px; margin-top:29.5px; border-radius:10px; width:165px; float:right; font-family:roboto_regular}
.menuArama input:focus{border:none; box-shadow:none;}
.menuArama button{border:none; margin:0px; width:40px; height:40px; margin-left:-40px; padding:0px; background:transparent; right:0px; position:absolute; top:30px;}

.menu-btn{right:30px; top:41px;  z-index:50; position:absolute; display:none;}
.menu-btn:hover{cursor:pointer;}
span.line{display:block; width:35px; height:3px; background:#537c31;}
span.line:nth-child(2){margin:4px 0;}

.menu-btn.menu-btn-active span.line:first-child{-webkit-transform:rotate(45deg) translateY(4.5px) translateX(5px); -moz-transform:rotate(45deg) translateY(4.5px) translateX(5px);-ms-transform: rotate(45deg) translateY(4.5px) translateX(5px); -o-transform:rotate(45deg) translateY(4.5px) translateX(5px); transform:rotate(45deg) translateY(4.5px) translateX(5px);}
.menu-btn.menu-btn-active span.line:last-child{-webkit-transform:rotate(-45deg) translateY(-5.5px) translateX(5px); -moz-transform:rotate(-45deg) translateY(-5.5px) translateX(5px);-ms-transform: rotate(-45deg) translateY(-5.5px) translateX(5px); -o-transform:rotate(-45deg) translateY(-5.5px) translateX(5px); transform:rotate(-45deg) translateY(-5.5px) translateX(5px);}
.menu-btn.menu-btn-active span.line:nth-child(2){opacity:0;}
.wide-container{width:100%; height:650px; margin:0 auto; position:relative;}

.ortaAlan{background:#fff; width:100%;}
.ortaBolum{width:100%; background:#fff; height:100%; z-index:0; position:relative;}
.ortaBolumUstKaydirma{position:relative; top:-98px; z-index:0;}
.solMenu {background-color:#1c1c1c;}
.solMenu>li+li{margin-top:0px!important;}
.solMenu li{border-bottom:1px solid #000;}
.solMenu a {font-family:roboto_medium; font-size:17px; color:#fff; padding:19px 18px 18px 20px!important}
.solMenu a div
{
	display:inline-block; 
	position:absolute; 
	left:30px; 
	margin-right:10px; 
	height:23px; 
	width:33px; 
	background-image:url('../images/icons.png'); background-repeat:no-repeat;
}
.solMenu a:hover, .solMenu li a:focus{background-color:transparent!important; color:#5b8634;}

.solMenu .solunumK {background-position:-1px -12px;}
.solMenu li a:hover .solunumK{background-position:-44px -14px;}

.solMenu .guvenlik{background-position:-1px -78px;}
.solMenu li a:hover .guvenlik{background-position:-44px -80px;}

.solMenu .kulakK {background-position:-1px -136px;}
.solMenu li a:hover .kulakK{background-position:-46px -136px;}

.solMenu .kafaK {top: 27px;background-position:-1px -214px;}
.solMenu li a:hover .kafaK{background-position:-44px -216px;}

.solMenu .gozK{background-position:-1px -291px;}
.solMenu li a:hover .gozK{background-position:-44px -293px;}


.solMenu li a div {
    background-position: 0 0!important;
}

.solMenu li:nth-child(1) a div {
    background: url(../images/okul_siralari.png);
}

.solMenu li:nth-child(2) a div {
    background: url(../images/laboratuvar.png);
}

.solMenu li:nth-child(3) a div {
    background: url(../images/okul_mobilyalari.png);
}

.solMenu li:nth-child(4) a div {
    background: url(../images/sinif_donanimlari.png);
}

.solMenu li:nth-child(5) a div {
    background: url(../images/sunum_cihazlari.png);
}

.solMenu li:nth-child(6) a div {
    background: url(../images/okul_oncesi_urunler.png);
}

.solMenu li:hover a div {
    background-position: -33px 0!important;
}

.medyaBtn{position:absolute; top:225px;}
.medyaBtn a{color:#000; font-family:roboto_bold; font-size:28px; padding:12px 15px 12px 90px;}
.medya{display:inline-block; position:absolute; left:30px; top:-7.5px; margin-right:10px; height:44px; width:44px; background-image:url('../images/icons.png'); background-repeat:no-repeat; background-position:-90px -14px;}
.medyaBtn a:hover .medya{background-position:-179px -16px;}
.medyaBtn a:hover{color:rgb(35,60,80);}
.medyaResim{height:309px;}
.medyaResim:hover{background-size:115% 115%!important; background-position:90% 90%!important;}
.medyaIcerik{width:100%; background:#fff; padding:30px; position:relative; z-index:9999; height:129px;}
.medyaIcerik h4{margin:0px; padding:0px; font-family:roboto_medium;}
.medyaIcerik p{margin-top:15px; font-size:14px; font-family:roboto_light; margin-bottom:30px;}

.medyaOk {position:absolute; width:20px; height:20px; top:30px; left:-17px;}
.medyaOkSag {position:absolute; width:20px; height:20px; top:30px; right:-17px;}
.medyaOk i {font-size:60px; color:#FFF;}
.medyaOkSag i{font-size:60px; color:#FFF;}
.hakkimizdaBtn{display:initial;}
.hakkimizdaBtn a{padding:10px 15px; border-radius:10px; border:3px solid #6a7b83; color:#6a7b83; font-family:roboto_medium; box-shadow:0px 0px 0px #fff inset, 0px 0px 0px #6a7b83 inset;}
.hakkimizdaBtn a:hover{box-shadow:0px 40px 0px #6a7b83 inset, 0px -40px 0px #6a7b83 inset; color:#FFF;}
.dijitalKatalog {width:100%; background:url('../img/katalog_arkaplan.png') no-repeat, #1c1c1c; background-position:100% 0%; padding:30px; height:180px;}
.katalogArkaPlan{position:absolute; top:150px; right:0px;}
.katalogLogo {position:relative; width:50%; z-index:999; float:left; margin-bottom:40px;}
.katalogTarih {position:relative; z-index:999; float:right; height:100%; color:#fff; margin-right:20px; width: calc(50% - 90px);
    width: -webkit-calc(50% - 90px); }
.katalogTarih span{font-family:roboto_light; font-size:60px; width: 100px;}
.katalogTarih p {font-family:roboto_light; font-size:12px; letter-spacing:2px; }
.katalogIncele {display:initial;}
.katalogIncele a{padding:10px 15px; background:#FFF; color:#6a7b83; border-radius:10px; font-family:roboto_medium; border:3px solid #FFF; box-shadow:0px 0px 0px #fff inset, 0px 0px 0px #1c1c1c inset;}
.katalogIncele a:hover{box-shadow:0px 40px 0px #1c1c1c inset, 0px -40px 0px #1c1c1c inset; color:#fff;}

.ortaBolumCizik{width:100%; height:30px; background:url(../images/orta_bolum_cizik.png); background-repeat:repeat-x; background-size:60px;}
.ortaBolumCizikUst{height:30px; background:#fff;}

.ortaAltAlan{height:380px; width:100%; background:#fff; float:left;}
.haberler{padding:0px 30px;}
.slider-baslik{padding:30px 30px 0px 30px;}
.slider-baslik h3{font-family:roboto_bold; font-size:24px;}
.slider-baslik .carousel-indicators{top:30px; right:30px; left:unset; height:30px; width:unset; margin-left:0px;}
.slider-baslik .carousel-indicators li{width:20px; height:5px; background:#e1e5e8; border:none; border-radius:0px;}
.slider-baslik .carousel-indicators li:hover{background:#1c1c1c;}
.slider-baslik .carousel-indicators .active{width:20px; height:5px; background:#1c1c1c;}
.slider-haber{margin-top:30px;}
.slider-haber h4{font-family:roboto_bold; font-size:16px;}
.slider-haber h5{font-family:roboto_medium; margin-top:15px; color:#899498;}
.slider-haber p{font-family:roboto_light; margin-top:15px; color:#899498; line-height:15px;}

.metinOkuBtn{float:left; margin-top:30px; font-family:roboto_light;}
.devaminiOku{width:120px; background:#29a52f; height:35px; text-align:center; border-radius:10px; border:2px solid #29a52f; box-shadow:0px 0px 0px #29a52f inset, 0px 0px 0px #fff inset;}
.devaminiOku a{line-height:33px; color:#FFF;}
.devaminiOku:hover{box-shadow:0px 35px 0px #fff inset, 0px -35px 0px #fff inset;} .devaminiOku:hover a{color:#29a52f;}
.tumunuGor{margin-top:15px; width:120px; height:35px; background:#1c1c1c; border-radius:10px; border:2px solid #1c1c1c; text-align:center; box-shadow:0px 0px 0px #1c1c1c inset, 0px 0px 0px #fff inset;}
.tumunuGor:hover{box-shadow:0px 35px 0px #fff inset, 0px -35px 0px #fff inset;} .tumunuGor:hover a{color:#1c1c1c;}
.tumunuGor a{line-height:33px; color:#FFF;}

.sosyalMedya{float:right; width:auto; height:60px; margin-top:45px;}
.sosyalIcon{float:left; width:40px; height:40px; text-align:center; line-height:37px; border-radius:50%; border:3px solid #d0d5d8; margin-right:10px;}
.sosyalIcon a{padding:10px;}
.sosyalIcon i{font-size:16px; color:#d0d5d8;}
.sosyalIcon:hover{border:3px solid #1c1c1c;} .sosyalIcon:hover i{color:#1c1c1c;}
.sosyalPaylas{margin-left:30px; float:right; width:150px;}
.sosyalPaylas h4{font-family:roboto_bolder;}

.kargo{height:calc(100% - 30px); height:-webkit-calc(100% - 30px); height:-moz-calc(100% - 30px); height:-o-calc(100% - 30px); height:-ms-calc(100% - 30px); background:url("../images/cargo-image.png") no-repeat; background-position:100% 100%; background-size:100% 100%; margin-top:30px;}
.kargo:hover{background-size:100% 100%; background-position:100% 100%;}
.kargoPerson{width:200px; height:100%; position:absolute; top:31px; left:-30px;}
.kargoMetin{width:200px; color:#fff; text-align:right; margin-right:30px; position:absolute;  right:0px;}

.kargoMetin h1{font-style:italic; font-family:roboto_bold; font-size:24px; color:#fff; padding-top: 30px;}
.kargoMetin h2{font-style:italic; font-family:roboto_bold; font-size:24px; color:#fff; padding-top: 70px;}
.kargoMetin h3{font-style:italic; font-family:roboto_bold; font-size:24px; color:#fff; padding-top: 70px;}
.kargoMetin h4{font-style:italic; font-family:roboto_bold; font-size:24px; color:#fff; padding-top: 50px;}
.kargoCizgi{width:200px; height:2px; background:#fff; margin-top:10px; margin-bottom:15px; margin-left:30px;}
.kargoMetin p{font-family:roboto_light; font-size:12px;}
.kargoMetin a {font-family:roboto_light; font-size:12px; color:#fff; }
.kargoMetin a:hover {font-family:roboto_light; font-size:12px; color:#696565;}


.footerIcerik{padding-top:40px; padding-bottom:40px; border-bottom:1px solid #5f696e;}
.footerLogo{float:left; width:100%; padding:0px 30px;}
.footerMenuList{text-align:left; float:left;}
.footerMenuList h3{color:#5f696e; font-size:14px; font-family:roboto_bold;}
.footerMenuList ul{padding:0px; margin-top:30px; margin-right:30px; margin-bottom:30px;}
.footerMenuList ul li{list-style-type:none; margin-top:15px; width:150px;}
.footerMenuList ul li a{color:#fff; font-size:14px; font-family:roboto_medium;}
.footerMenuList ul li:hover a{color:#29a52f;}

.footerIletisim{font-family:roboto_medium; text-align:right;}
.footerIletisim h3{color:#5f696e; font-size:14px;}
.footerIletisim ul{float:right; padding:0px; margin-top:30px; border-bottom:1px solid #5f696e; padding-bottom:30px; margin-bottom:30px;}
.footerIletisim ul li{float:left; width:40px; height:40px; border:3px solid #5f696e; border-radius:50%; text-align:center; line-height:35px; margin-left:10px; list-style-type:none;}
.footerIletisim ul li a{padding:12px; color:#fff;}
.footerIletisim ul li:hover{border:3px solid #fff;}
.eBulten{width:100%; padding-left:15px;}
.eBulten h4{color:#FFF; font-family:roboto_bold; font-size:14px;}
.eBulten input{border:none; padding:5px 15px; margin-top:15px; width:100%; border-radius:10px; background:#424d52; font-family:roboto_light; font-size:14px; color:#fff;}
.eBulten input:nth-child(2){padding-right:30px;}
.eBulten input::-webkit-input-placeholder{color:#5f696e;} .eBulten input:-moz-placeholder{color:#5f696e;} .eBulten input:-ms-input-placeholder{color:#5f696e;}
.eBulten button{border:none; box-shadow:none; background:transparent; position:absolute; top:223px; right:10px;}
.eBulten button i{color:#29a52f; font-size:24px;}

.altFooter{width:100%; height:90px; text-align:center;}
.altFooter p{float:left; color:#5f696e; margin:0px; font-family:roboto_bold;}
.altFooter i{color:#5f696e;}
.altFooter img{float:right;}
.altFooterIcerik{width:100%; height:30px; position:relative; top:20px;}
.pageUpBtn{width:100px; height:30px; float:left; margin-left:calc(50% - 217px);}
.pageUpBtn i:hover{cursor:pointer; color:#fff;}

.sectBaslik{width:100%; padding-bottom:30px;}
.sectBaslik img{z-index:1;}
.sectBaslik h1{margin-top:30px; font-family:roboto_bold;  font-size:48px;}
.sectBaslik a{text-align:left; font-size:14px; color:#63a863; font-family:roboto_regular;}
.sectBaslik a:hover{color:#32b732; text-decoration:underline;}
.sectBaslik a:last-child{color:#fff; text-decoration:none;}
.sectBaslik a:last-child i{display:none;}
.sectBaslik i{margin:0px 10px; color:#9badb5;}
.linkler{margin-top:15px;}

.sectsolMenu{width:100%; background:#1c1c1c; margin-top:30px;}
.sectsolMenu ul{margin-bottom:0px; width:100%; position:relative;}
.sectsolMenu ul li{list-style-type:none; float:none!important; width:100%;}
.sectsolMenu ul li a{color:#c5c5c5; text-decoration:none; padding:20px 0px; margin-left:30px; padding-right:30px; display:block; font-family:roboto_bold;}
.sectsolMenu ul li a:hover{background:transparent!important; color:#fff;}
.sectsolMenu ul li a:hover i{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.sectsolMenu ul li a:focus{background:transparent!important;}
.sectsolMenu ul li .solIcon{margin-right:30px; color:#FFF; font-size:36px; margin-left:-2px; margin-top:10px; position:absolute; opacity:0;}
.sectsolMenu ul li:hover .solIcon{opacity:1;}
.sagIcon{position:absolute; right:30px; margin-top:2.5px;}
.sectsolMenu ul li ul{padding-left:15px; background:#1c1c1c;padding: 15px 10px}
.sectsolMenu ul li li a{margin-left:15px;}
.sectsolMenu ul li ul a{padding:5px 0px; color:#32b732; font-family:roboto_regular;}
.sectsolMenu ul li ul ul a{padding:5px 0px; color:#32b732; font-family:roboto_regular;}
.sectsolMenuFocus{color:#fff!important;}
.sectsolMenuIconFocus{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);}


.sectsolKatalog{width:100%; margin-top:30px; background:url("../images/katalog_arkaplan2.png") #ebeff2 no-repeat; background-position:50% 200%;}
.sectsolKatalog .sectsolLogo img{margin-top:30px; margin-left:calc(50% - 59px); margin-left:-webkit-calc(50% - 59px); margin-left:-moz-calc(50% - 59px); margin-left:-ms-calc(50% - 59px);  margin-left:-o-calc(50% - 59px);}
.sectsolKatalog h1{text-align:center; font-size:24px; font-family:roboto_medium; color:#1c1c1c; margin-top:30px; margin-left:-10px;}
.sectsolKatalog p{text-align:center; font-size:12px; margin-left:-7px; font-family:roboto_medium; color:#1c1c1c; letter-spacing:2px;}
.sectsolKatalog .sectsolLink{text-align:center; margin-top:30px; margin-bottom:30px; height:60px;}
.sectsolKatalog .sectsolLink a{margin-left:-5px; font-size:14px; font-family:roboto_medium; padding:10px 15px; background:#1c1c1c; color:#d0d5d8; border-radius:10px; box-shadow:0px 0px 0px #FFF inset, 0px 0px 0px #FFF inset;}
.sectsolKatalog .sectsolLink a:hover{box-shadow:0px 40px 0px #FFF inset, 0px -40px 0px #FFF inset; color:#1c1c1c;}
.sectsolKatalog .sectsolArkaplan{width:100%; height:auto; position:absolute; bottom:-50px;}
.sectsolKatalog .sectsolArkaplan img{ width:100%;}

#googleMap{width:100%; height:310px; margin-top:30px;}
.iletisimDiv{padding:0px 0px 0px 30px; margin-top:30px;}
.iletisimDiv h3{padding-bottom:30px; font-size:16px; font-family:roboto_bold; border-bottom:2px solid #d0d5d8; color:#1c1c1c;}
.iletisimMetin span{font-size:16px; font-family:roboto_bolder; margin-right:20px; color:#222; width:150px; float:left;}
.iletisimMetin span::after{content:':'; float:right; margin-right:3px;}
.iletisimMetin p {font-size:16px; font-family:roboto_regular; color:#778488; margin-bottom:0px;}
.iletisimMetin p a {color:#29a52f;}
.iletisimMetin p a:hover{text-decoration:underline;}
.iletisimMetinIcerik{padding:30px 0px; border-bottom:2px solid #d0d5d8;}
.iletisimForm{margin-top:30px; margin-bottom:30px;}
.iletisimForm h3{font-size:18px; font-family:roboto_bold; color:#333;}
.iletisimForm p{font-size:14px; font-family:roboto_regular; color:#333; padding:30px 0px; border-bottom:2px solid #d0d5d8;}
.iletisimIput input{margin-top:15px; width:100%; padding:20px; font-size:14px; font-family:roboto_bold; background:#ebeff2; border:none; color:#000;}
.iletisimIput input:focus, .iletisimIput textarea:focus{box-shadow:0px 150px 0px #29a52f inset; outline:none; color:333; font-family:roboto_bold;}
.iletisimIput input:focus::-webkit-input-placeholder{color:#fff;} .iletisimIput input:focus:-moz-placeholder{color:#fff;} .iletisimIput input:focus: -ms-input-placeholder{color:#fff;}
.iletisimIput textarea{margin-top:15px; width:100%; padding:20px; height:135px; background:#ebeff2; border:none; font-size:14px; font-family:roboto_regular; resize:none; color:#fff;}
.iletisimIput textarea:focus::-webkit-input-placeholder{color:#fff;} .iletisimIput textarea:focus:-moz-input-placeholder{color:#fff;} .iletisimIput textarea:focus:-ms-input-placeholder{color:#fff;}
.iletisimIput div:first-child{padding-left:0px;}
.iletisimIput div:nth-child(3){padding-right:0px;}
.iletisimIput button{position:relative; bottom:65px; border:none; z-index:99; left:calc(100% - 60px); width:50px; height:50px; background:#dfe3e6;}
.iletisimIput button:hover{background:#1c1c1c;}
.iletisimIput button i{font-size:24px;}
.iletisimIput button:hover i{color:#fff;}

.tumSayfalar h3{font-family:roboto_bold; font-size:24px; color:#1c1c1c; margin-top:30px;}
.tumSayfalar h4{font-family:roboto_regular; font-size:16px; margin-top:15px; color:#778488;}
.tumSayfalar p{margin-top:15px; font-family:roboto_regular; font-size:14px; color:#778488;}
.tumSayfalar h2{font-family:roboto_bold; font-size:18px; margin-top:30px; height:38px;}
.tumSayfalar ul{padding-left:15px; margin-top:30px; overflow: hidden;}
.tumSayfalar ul li{margin-top:15px; color:#778488; font-family:roboto_regular; font-size:14px;}

.btnList{z-index:99; bottom:0px; left:0px;}
.newsBoxSldBtn{height:30px; width:30px; text-align:center; background:#29a52f;}
.newsBoxSldBtn:hover{background:#1c1c1c; cursor:pointer;}
.newsBoxSldBtn i{line-height:30px!important; color:#fff;}
.sliderKurumsalIcerik{height:280px;}


.medyaOynat{width:calc(100% - 30px); top:30px; position:absolute; text-align:center;}
.medyaOynat i{width:40px; height:40px; font-size:26px; color:#fff; line-height:37px; border-radius:50%; border:2px solid #fff; margin-top:25%; opacity:0;}
.medyaOynat:hover{background:#1c1c1c; opacity:.8;} 
.medyaOynat:hover i{opacity:1;}

.kargoReklam{width:200px; height:600px; background:url("../images/kargo_reklam.png") no-repeat; background-size:100% 100%; background-position:100% 100%; float:right; margin-right:-230px; margin-top:60px;}
.geriButton{width:70px; height:70px; position:absolute; background:#29a52f; margin-left:-100px; padding:0px; color:#fff; text-align:center; margin-top:135px;}
.geriButton i{font-size:32px; margin-top:10px; margin-bottom:5px;}
.geriButton p{margin-bottom:0px; font-size:12px; font-family:roboto_regular;}
.geriButton:hover{color:#1c1c1c;}

.bilmenizGerekenlerUst{width:100%; height:150px; color:#fff; margin-top:30px; font-size:48px; font-family:ubuntu_bold; letter-spacing:-3px; text-align:right; padding:30px;}
.merakIcerik{width:100%; height:auto; margin-top:30px;}
.merakBaslik{padding:20px 30px; background:#e1e5e8; border:3px solid #e1e5e8; margin-bottom:15px; position:relative;}
.merakBaslik:hover{background:#fff; color:#29a52f; cursor:pointer;}
.merakBaslik:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); color:#29a52f;}
.merakBaslik i{font-size:24px; color:#fff; position:absolute; right:30px; top:20px;}
.merakIcerik span{font-family:roboto_bold; font-size:16px; width:90%; display:block;}
.merakIcerik p{font-family:roboto_regular; font-size:14px; color:#778488; margin-bottom:15px;}
.merakIcerik ul li{margin-bottom:15px; margin-left:15px; font-family:roboto_regular; font-size:14px; color:#778488}
.merakMetin{padding:0px 30px;}
.merakBaslikFocus{background:#fff; color:#29a52f;}
.merakBaslikFocus i{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); color:#29a52f!important;}

.sayfaSayi ul{float:right;}
.sayfaSayi ul li{margin:0px; position:relative;}
.sayfaSayi ul li.active a{border:2px solid #29a52f!important; color:#29a52f!important; background:transparent;}
.sayfaSayi ul li.active a:hover{background:transparent;}
.sayfaSayi ul li a{margin-left:5px; border:2px solid #d0d5d8; border-radius:50%; color:#778488; width:35px; height:35px; font-family:roboto_bold;}
.pagination>li:last-child>a, .pagination>li:first-child>a{border-radius:50%;}
.sayfaSayi ul li a i{color:#778488; font-size:20px; margin-top:-1px;}
.sayfaSayi ul li:first-child a i{margin-left:-2px}
.pagination>li>a:focus, .pagination>li>a:hover{border:2px solid #29a52f!important; color:#29a52f!important; background:transparent;}

.uretimMerkezi h3{font-family:roboto_bold; margin-top:15px;}

.urunBaslik{margin-bottom:30px; margin-top:30px;}
.urunBaslik h3{margin-left:45px; line-height:40px; display:initial; margin-top:15px; font-size:30px;}
.urunBaslik .baslikIcon{display:inline-block; position:absolute; margin-right:10px; height:40px; width:40px; background-image:url('../images/icons.png'); background-repeat:no-repeat;}

.urunBaslik .solunumK{background-position:-44px -14px;}
.urunBaslik .guvenlik{background-position:-44px -76px;}
.urunBaslik .kulakK {background-position:-44px -136px;}
.urunBaslik .kafaK{background-position:-44px -214px;}
.urunBaslik .gozK{background-position:-44px -291px;}

.sorumVar{float:right; margin-top:20px;}
.sorumVar a{padding:20px 30px; background:url("../images/sorum_var.png") no-repeat, #29a52f; background-size:75%; background-position:center center; color:#fff; font-family:roboto_bold; font-size:18px;}
.sorumVar a:hover{color:#1c1c1c;}

.urunBilgi{margin-bottom:30px;}
.urunBilgi h3{margin-top:0px;}
.urunOzellik span{font-size:14px; font-family:roboto_bolder; margin-right:30px; color:#1c1c1c; width:130px; float:left;}
.urunOzellik span::after {font-size:14px; font-family:roboto_bolder; content:":"; float:right;}
.urunOzellik p{font-size:14px; font-family:roboto_regular; color:#778488; margin-bottom:0px; border-bottom:2px solid #ebeff2; padding:30px 0px;}
.urunOzellik p:first-child{border-top:2px solid #ebeff2;}
.urunOzellik p a{color:#29a52f;}
.urunOzellik p a:hover{text-decoration:underline;}
.urunRenkSec{height:75px; background:#ebeff2; padding:0px 30px;}
.urunRenkSec h3{margin-top:0px; display:inherit; float:left; line-height:35px;}
.urunRenk{float:right;}
.urunRenk a:first-child .renkler{margin-left:0px;}
.renkler{width:35px; height:35px; float:left; margin-left:10px; box-shadow:0px 0px 0px #ebeff2 inset, 0px 0px 0px #ebeff2 inset, 0px 0px 0px #ebeff2 inset,  0px 0px 0px #ebeff2 inset;}
.renkler:hover{box-shadow:5px 0px 0px #ebeff2 inset, -5px 0px 0px #ebeff2 inset, 0px 5px 0px #ebeff2 inset,  0px -5px 0px #ebeff2 inset;}
.urunAciklama{padding:15px 0px; border-bottom:2px solid #ebeff2;}

.urunList{margin-bottom:60px;}
.urunListIcerik{padding:15px; width:100%; border:2px solid #ebeff2; margin-top:10px; text-align:center; height: 320px; }
.urunListIcerik:hover{border:2px solid #29a52f;}
.urunListIcerik img{width:200px; margin-top:10px;}
.urunListIcerik h2{color:#2a2b2a; font-size:18px; margin-bottom:150px;  font-family:roboto_bolder;}

.modal .modal-content {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius:0px;
  margin-top:80px;
  background:url("../images/sorum_var2.png") no-repeat, #fff; background-size:50%; background-position:110% -30px;
}
.modal .modal-dialog {
  width: 443px;
  border-radius:0px;
}
@media screen and (max-width: 767px) {
  .modal .modal-dialog {
    width: inherit;
  }
}
.modal .modal-header {
  border: none;
  padding: 30px 30px 0 30px;
}
.modal .modal-header img{
	margin-bottom: 15px;
}
.modal .modal-header .modal-title {
  color: #000;
  font-size: 20px;
  font-family:gotham_bolder;
  margin-bottom: 15px;
}
.modal .modal-header .modal-description {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 25px;
}
.modal .modal-header button.close {
  display: block;
  position: absolute;
  right: 0px;
  top: -38px;
  width: 40px;
  height: 40px;
  background-color: #eb3535;
  text-shadow: none;
  opacity: 1;
  color: white;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .modal .modal-header button.close {
    width: 30px;
    height: 30px;
    top: -30px;
  }
}
.modal .modal-header button.close:hover {
  background-color: #fc4646;
}
.modal .modal-body {
  padding: 0 30px 30px 30px;
}
.modalForm input{margin-top:15px; width:100%; padding:20px; font-size:14px; font-family:roboto_regular; background:#ebeff2; border:none; color:#000;}
.modalForm input:focus, .modalForm textarea:focus{box-shadow:0px 150px 0px #29a52f inset; outline:none; color:#fff;}
.modalForm input:focus::-webkit-input-placeholder{color:#fff;} .modalForm input:focus:-moz-placeholder{color:#fff;} .modalForm input:focus:-ms-input-placeholder{color:#fff;}
.modalForm textarea{margin-top:15px; width:100%; padding:20px; height:135px; background:#ebeff2; border:none; font-size:14px; font-family:roboto_regular; resize:none; color:#fff;}
.modalForm textarea:focus::-webkit-input-placeholder{color:#fff;} .modalForm textarea:focus:-moz-input-placeholder{color:#fff;} .modalForm textarea:focus:-ms-input-placeholder{color:#fff;}
.modalForm button{border:none; outline:none; padding:20px; font-size:14px; font-family:roboto_bold; width:100%; margin-top:15px; text-align:left; color:#fff; background:#1c1c1c;}
.modalForm button:hover{box-shadow:0px 10px 0px #29a52f inset, 0px -10px 0px #29a52f inset, 50px 0px 0px #29a52f inset, -50px 0px 0px #29a52f inset; padding-left:70px;}
.modal-backdrop {
  background-color: #696d70 !important;
}
.product-modal .modal-dialog {
  width: 850px;
}

.ikTop {
    width:100%;
    float:left;
    margin-top:30px;
}

.ikTop img {
    width:100%;  

}

.ikTop p {
    width:100%;
    float:left;
    color:#778488;
    font-size:18px;
    font-family: roboto_regular;
    margin-top:30px;
}

.ikBot {
    width:100%;
    float:left;
    margin-bottom:60px;
}

.ikBotTop {
    background:#e1e5e8;
    width:100%;
    float:left;
    padding:30px;
    margin-bottom:30px;
}

.ikRight {
    padding-left:30px;
    padding-right:0;
}

.sList{
    width:100%;
    float:left;
    margin-bottom:20px;
    font-size:14px;
    color: #778488;
}

.sList:last-child {
    margin-bottom:0;
}

.ikBotBot {
    width:100%;
    float:left;
}

.cvy {
    width:166px;
    height:60px;
    float:left;
    margin-right:30px;
    background:#29a52f;
    font-size:14px;
    line-height:60px;
    font-family: roboto_regular;
    color:#fff;
    /*text-align:center;*/
    padding:0 15px;
    border:none;

}

.cvyFile {
    width:166px;
    height:60px;
    float:left;
    /*margin-right:30px;*/
    background:#ebeff2;
    font-size:14px;
    line-height:60px;
    font-family: roboto_regular;
    color:#666666;
    /*text-align:center;*/
    padding:0 15px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.cvyFile i {
    float:right;
    color:#1c1c1c;
    font-size:30px;
    margin-top: 15px;
}

.ikBotBot input[type="file"] {
    width:166px;
    height:60px;
    float:left;
    margin-left:-166px;
    opacity:0;
}
.ikTop h2 {
    color:#fff;
    font-size:36px;
    float:right;
    margin-right:120px;
    margin-top: -99px;
    position: relative;
}

.newsRight h2 {
    font-size:18px;
    color:#333333;
    width:100%;
    float:left;
    margin-bottom:30px;
}

.newsRight p {
    font-size:14px;
    color:#778488;
    width:100%;
    float:left;
    font-family: roboto_regular;
}



.newsRight2 h2 {
    font-size:18px;
    color:#333333;
    width:100%;
    /*float:left;*/
    /*clear:both;*/
    margin-bottom:30px;
}

.newsRight2 p {
    font-size:14px;
    color:#778488;
    width:100%;
    /*float:left;*/
    /*clear:both;*/
    margin-bottom:20px;
    font-family: roboto_regular;
}

.botApp h2 {
    width:100%;
    float:left;
    font-size:16px;
    color:#333333;
    font-weight:bold;
    margin-bottom:25px;
}

.botNewsB img {
    width:100%;
}

.botNewsB h2 {
    font-size:16px;
    color:#333333;
    font-weight:bold;
    width:100%;
    float:left;
    margin-top:20px;
    margin-bottom:5px;
}
.botNewsB h3 {
    font-size:14px;
    color:#778488;
    font-weight:normal;
    width:100%;
    float:left;
}

.newsList {
    width:100%;
    float:left;
    border-bottom:2px solid #ebeff2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.newsLeft {
    padding-left:0!important;
}

.newsN {
    /*width:100%;*/
    float:left;    
    margin-top:30px;
}

.hbT {
    margin-top:30px;
    float:left;
    margin-bottom:60px;
}

@media screen and (max-width: 1199px) {
    .newsLeft img {
        width:100%;
    }
}

@media screen and (max-width: 767px) {
    .ikRight {
        padding:0!important;
    }
    .cvy {
        width: 115px;
        margin-right:5px;
    }
    .newsLeft {
        padding:0!important;
        margin-bottom:15px;
    }
    .ikTop h2 {
        color: #fff;
        font-size: 20px;
        float: right;
        margin-right: 20px;
        margin-top: -35px;
        position: relative;
    }
}
@media screen and (max-width: 850px) {
  .product-modal .modal-dialog {
    width: inherit;
    margin: 32px 29px;
  }
}
.product-modal .modal-dialog .modal-body {
  max-height: 400px;
}
.product-modal .modal-dialog .modal-body h1,
.product-modal .modal-dialog .modal-body h2,
.product-modal .modal-dialog .modal-body h3,
.product-modal .modal-dialog .modal-body h4 {
  color: #f9b337;
}
.product-modal .modal-dialog .modal-body p {
  font-size: 16px;
  color: #666666;
}
.form-group {
  margin-bottom: 20px;
}
.form-control {
  height: 40px;
  background-color: #e5ebf0;
  padding: 10px 15px;
  border: 2px solid transparent;
  border-radius:0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #93989c;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.form-control input:focus{ outline:none;}
.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.page-header {
  width: 1600px;
  margin: 0 auto 30px auto;
  background-color: #f9b337;
  border-radius: 0 0 30px 30px;
  padding: 0;
}
@media only screen and (max-width:1575px){
	.kargoReklam {display:none;}
}
@media only screen and (max-width:480px){
	.sliderAciklama{padding:30px; height:150px; top:150px!important; }
	.sliderAciklama p{display:none;}
}
@media only screen and (max-width:767px){
	.anasayfaSlider .carousel-indicators{bottom:-130px!important; right:125px;}
	.sliderAciklama{width:200px; height:200px; top:100px; padding:20px;}
	.sliderAciklama h3{font-size:24px; line-height:30px;}
	.sliderAciklama p{font-size:10px;}
	.ortaPaddingLeft30{padding-left:0px;}
	.medyaOynat{width:100%;}
	.multimedyaGaleriIcerik{padding:0px;}
	.renkler{width:20px; height:20px; margin-left:10px;}
	.devaminiOku{float:left; width:100px;}
	.tumunuGor{float:left; margin-top:0px; margin-left:10px; width:100px;}
	.sosyalMedya{display:none;}
	.slider-baslik .carousel-indicators{top:60px; right:unset; left:30px; height:30px; width:unset; margin-left:0px;}
	.medyaIcerik{height:auto!important;}
	.dijitalKatalog{height:auto!important; background-position:50% 50%; background-size:50%;}
	.katalogLogo{width:100%; text-align:center;}
	.katalogIncele a{margin-left:calc(50% - 67px);}
	.katalogTarih{width:100%; margin-bottom:30px; margin-right:0px!important; text-align:center;}
	.katalogTarih span, .katalogTarih p{margin-left:-10px;}
	.bilmenizGerekenlerUst{height:auto; text-align:left;}
	.sayfaSayi ul li a{width:25px; height:25px;}
	.pagination>li>a{padding:2px 6px;}
	.haberler .owl-controls{left:30px; right:unset; top:-15px;}
}
@media only screen and (max-width:991px){
    .TechCreative {
        float:none;
        display:table;
        margin:0px auto;
    }
	.anasayfaSlider{top:0px;}
	.ortaBolumCizik{display:none;}
	.ortaBolumCizikUst{display:none;}
	.solMenu a{font-size:20px;}
	.ortaBolumUstKaydirma{top:0px;}
	.sliderAciklama{margin-top:-300px;}
	.anasayfaSlider .carousel-indicators{bottom:-110px; display:none;}
	.ortaAltAlan{margin-top:30px; height:auto; margin-bottom:30px;}
	.kargo{height:365px;}
	.kargoPerson{top:46px; left:0px;}
	.telefonDestek, .topSosyal{display:none;}
	.topMenu{display:none;}
	.anaMenu{background:#29a52f; height:100%;}
	.anaMenu .anaMenuIcerik{float:left; width:100%; }
	.anaMenu .anaMenuIcerik li{float:left; width:100%; padding-top:0px;}
	.anaMenu .anaMenuIcerik li .firstLink{display:block; width:100%; float:left; padding:30px 30px; color:#fff;}
	.menuResp{background:#e8e8e8;}
	.menuResp .container{top:-1px;}
	.menu-btn{display:block;}

	.menuLogo{width:100%; text-align:left; float:left; margin-top:0px; height:100px; padding:15px 30px;}
	.menuLogo img{margin-top:0px;}
	.menuHide{float:left; width:100%; background:#29a52f; padding:0px;}
	.urunRenkSec{height:auto; background:#ebeff2; padding:15px 30px;}
	.urunRenk{float:left; margin-top:15px; width:100%;}
	.anaMenu .anaMenuIcerik li .firstLink i{display:initial; float:right; margin-top:3px;}
	.anaMenu .anaMenuIcerik li .firstLink:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}
	.acilir{margin-top:-10px; position:relative; width:100%; top:0px; float:left; height:auto; z-index:-9999;}
	.acilir li{display:block; list-style-type:none; width:100%;  height:0px; important; border-bottom:1px solid #5f696e; float:left; }
	.acilir li:hover{ background:#fff!important;}
	.acilir li:hover a{color:#fff;}
	.acilir li a{color:#5f696e; position:relative; font-family:roboto_medium; padding:15px 45px;}
	.menuArama{float:left; display:block; width:100%; padding:0px 30px;}
	.menuArama input{width:100%; margin-bottom:29.5px; float:left;}
	.menuArama button{right:30px;}

	.footerMenuList{text-align:center; float:left;}
	.footerMenuList h3{border-bottom:1px solid #5f696e; padding-bottom:15px;}
	.footerMenuList ul{width:100%; margin-top:15px; margin-bottom:45px;}
	.footerMenuList ul li{width:100%;}
	.footerLogo{text-align:center; margin-bottom:45px;}
	
	.altFooter{height:100px;}
	.altFooter p, .altFooter img, .pageUpBtn{float:none;}
	.pageUpBtn{width:100%; margin-left:0px;}
	.footerIletisim ul{float:none; height:50px; text-align:center; width:250px; margin:0 auto; border:none;}
	.footerIletisim h3{text-align:center; padding-bottom:15px; border-bottom:1px solid #5f696e; margin-bottom:15px; font-family:roboto_bold;}
	.eBulten{margin-top:15px; padding-left:0px;}
	.eBulten h4{text-align:center;}
	.eBulten button{top:188px;}
	.iletisimInputPad{padding:0px;}
	.sliderKurumsal{margin-bottom:30px;}

	.sorumVar{width:100%;}
	.sorumVar a{display:block;}
	.geriButton{margin-top:185px;}
}
@media only screen and (max-width:1199px){
	.medyaBtn a{padding:17px 15px 17px 60px;}
	.medya{left:10px;}
	.medyaOk{display:none;}
	.medyaIcerik{height:243px;}
	.dijitalKatalog{height:200px;}
	.medyaResim{height:443px;}
	.katalogTarih{margin-right:60px;}

}
@media only screen and (max-width:1360px){
	.geriButton{margin-left:-0px; z-index:99;}
}
@media only screen and (min-width:992px){
	.anaMenu .anaMenuIcerik li:hover .acilir{z-index:5;}
	.anaMenu .anaMenuIcerik li:hover .acilir li{height:41px!important;}
	.anaMenu .anaMenuIcerik li .firstLink:hover{box-shadow:0px 400px 0px #1c1c1c inset!important; color:#fff;}
}

@media only screen and (max-width:1380px){
    .acilir li a {
        padding: 7px;
    }
    .anaMenu .anaMenuIcerik li:hover .acilir li{height:35px!important;}
}