/*
    Tasarım - Yazılım: Medyavuz Reklam ve Danışmanlık Hizmetleri - Muhammet Güntekin , Mevlüt Demiröz
    Tarih:15.07.2015
*/

body{font-family:DINReg!important;font-size:16px;overflow-x:hidden;color:#fff0f5!important}
a{display:inline-block;color:#fff0f5!important;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
.item{-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
.urunadi{-moz-transition:all 100ms linear;-o-transition:all 100ms linear;-ms-transition:all 100ms linear;transition:all 100ms linear}
span{display:inline-block}
.wrapper{width:980px;max-width:980px;display:block;margin:auto;height:100%;position:relative}
.textOneRow{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.gizle{display:none}
.animasyon{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}

header{width:100%;height:200px;background:#222;border-bottom:24px solid #e22929}
header .logo{width:197px;height:142px;margin-top:15px;float:left}
header .sagalan{width:630px;height:180px;float:right;color:#fff;text-align:right}
header .sagalan .buyuk{font-size:20px}
header .sagalan .iconlar a{position:relative;margin-left:5px;padding:2px}
header .sagalan .iconlar a:after{content:'';width:2px;height:17px;background:url(/Src/Css/images/ara.png);position:absolute;right:-5px;top:4px}
header .menu{height:46px;float:right;margin-top:28px}
header .menu .item{float:left;border-right:1px solid #fff;padding:10px;display:table;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:48px}
header .menu .item:hover{background:#e12910}
header .menu .item a{display:table-cell;vertical-align:middle}
header .menu .item i{display:inline-block}
header .menu .item span{margin-left:7px;font-weight:700}
header .menu .home{width:52px;height:48px}
header .menu .home i{background:url(/Src/Css/images/home.png);width:29px;height:22px}
header .menu .kurumsal span{bottom:2px;position:relative}
header .menu .kurumsal i{background:url(/Src/Css/images/kurumsal.png);width:17px;height:20px}
header .menu .avizeler{position:relative}
header .menu .avizeler span{bottom:5px;position:relative}
header .menu .avizeler i{background:url(/Src/Css/images/avizeler.png);width:19px;height:25px;position:relative;bottom:4px}
header .menu .faydalibilgiler span{bottom:2px;position:relative}
header .menu .faydalibilgiler i{background:url(/Src/Css/images/faydalibilgiler.png);width:21px;height:20px}
header .menu .faydalibilgiler a{position:relative;top:1px}
header .menu .iletisim span{bottom:2px;position:relative}
header .menu .iletisim i{background:url(/Src/Css/images/iletisim.png);width:22px;height:22px}
header .menu .muhendislik{position:relative}
header .menu .muhendislik span{bottom:2px;position:relative}
header .menu .muhendislik i{background:url(/Src/Css/images/muhendislik.png);width:19px;height:20px;position:relative;bottom: 0;}


header .menu .avizeler:hover > ul{display:block}

header .menu ul{ position: absolute;width: 150px;top: 48px;left: -1px;display: none;z-index:100}
header .menu ul li{ background: #e12910;padding: 7px;width: 100%;border:1px solid #fff}
header .menu ul li:hover{ background: #000;}
header .menu ul li a{ text-align: center;display: inline-block!important;}
header .menu ul li a:hover{ text-decoration: none;}

.slider{width:100%;height:583px;margin:auto;border-bottom:8px solid #e12910;position:relative;}
.slideralt{width:100%;height:64px;background:#222;color:#5e5e5e;font-size:20px;padding:10px}
.slider ul{width:100%;height:583px;list-style:none;margin:auto}
.slider ul li{width:100%;max-width:1920px;height:583px;float:left;position: relative;}
.slider ul li img{width:100%;height:583px}
.slider .sliderwrp{max-width:1920px;position:absolute;height:583px;top:0}
.slider .wrp{position:relative;height:583px}
.slider .solok{width:52px;height:75px;background:url(/Src/Css/images/solok.png);position:absolute;left:0;top:calc(50% - 52px);z-index:1}
.slider .sagok{width:52px;height:75px;background:url(/Src/Css/images/sagok.png);position:absolute;right:0;top:calc(50% - 52px);z-index:1}


.devami a{color:#a3a3a3!important;position:relative;padding:3px;float:right;margin-right:28px;margin-top:5px}
.devami a:after{content:'';width:20px;height:29px;position:absolute;top:0;background:url(/Src/Css/images/incelebtn.png);margin-left:10px}
.devami:hover > a:after{content:'';width:20px;height:29px;position:absolute;top:0;background:url(/Src/Css/images/incelebtn_hover.png);margin-left:10px}


@media screen and (max-width: 992px) {
.slideralt{height:150px;text-align:center}
.slideralt .col-md-4{padding-bottom:10px}
}
@media screen and (max-width: 768px) {
.urun{width:100%!important;margin-left:0}
.urunler .urun:not(:first-child){margin-left:0!important}
}
.slideralt .kaliteli{background:url(/Src/Css/images/kaliteli.png);width:173px;height:31px}
.slideralt .kaliteli:hover{background:url(/Src/Css/images/kaliteli_hover.png);transform:scale(1.07);-ms-transform:scale(1.07);-moz-transform:scale(1.07);-webkit-transform:scale(1.07);-o-transform:scale(1.07)}
.slideralt .guvenilir{background:url(/Src/Css/images/guvenilir.png);width:205px;height:31px}
.slideralt .guvenilir:hover{background:url(/Src/Css/images/guvenilir_hover.png);transform:scale(1.07);-ms-transform:scale(1.07);-moz-transform:scale(1.07);-webkit-transform:scale(1.07);-o-transform:scale(1.07)}
.slideralt .ucretsizmontaj{background:url(/Src/Css/images/ucretsizmontaj.png);width:205px;height:39px}
.slideralt .ucretsizmontaj:hover{background:url(/Src/Css/images/ucretsizmontaj_hover.png);transform:scale(1.07);-ms-transform:scale(1.07);-moz-transform:scale(1.07);-webkit-transform:scale(1.07);-o-transform:scale(1.07)}
.kategori{margin-top:8px}
.kategori .line{background:#CFCCCC;height:2px;margin-top: 13px;top: 22px;}
.kategori .baslik{font-size:19px;text-align:center;color:#000}
.kategori h1.baslik{font-size:28px;}
.kategori h2.baslik{font-size:24px;}


.urunler{margin-top:8px}
.urunler .urun{background:#1b1b1b;height:324px;width:24.25%;float:left;text-align:Center;position:relative}
.urunler .urun:before{display:table;content:'';clear:both}
.urunler .urun:after{display:table;content:'';clear:both}
.urunler .urun:not(:first-child){margin-left:1%}
.urunler .urun .urunadi{background:#1b1b1b;width:100%;height:33px;position:absolute;bottom:0;text-align:center;color:#fff;display:table}
.urunler .urun:hover > .urunadi{background:#e60004}
.urunler .urun .urunadi span{display:table-cell;vertical-align:middle}

.urunler .urun .urunresim{ width: 100%;height: 291px;position: relative;}
.urunler .urun .urunresim img{max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}


footer{background:#222;width:100%;/*height:368px;*/border-top:9px solid #e22c2c;margin-top:35px}
footer .container .sutun{height:318px}
footer .container .sutun .baslik{font-size:18px}
footer .container .sutun .icerik{font-size:12px;margin-top:35px}
footer .container .sutun .cizgidis{background:#464646;height:8px;padding-left:0}
footer .container .sutun .cizgidis .cizgi{background:#e22929;height:8px;width:50%}
footer .container .sutun:last-child p{border-bottom:1px solid #444;font-size:14.1px}
footer .enalt{width:100%;height:46px;border-top:2px solid #e22929;color:#616161;font-family:'MyriadPro-Light';padding-top:10px}
footer .enalt .medyavuz{float:right}
::selection{background:#e22c2c;color:#fff}
::-moz-selection{background:#e22c2c;color:#fff}
.sagdanGelen{-moz-animation-name:sagdanGelen;-o-animation-name:sagdanGelen;-webkit-animation-name:sagdanGelen;animation-name:sagdanGelen;-moz-animation-duration:3s;-o-animation-duration:3s;-webkit-animation-duration:3s;animation-duration:3s}
.soldanGelen{-moz-animation-name:soldanGelen;-o-animation-name:soldanGelen;-webkit-animation-name:soldanGelen;animation-name:soldanGelen;-moz-animation-duration:3s;-o-animation-duration:3s;-webkit-animation-duration:3s;animation-duration:3s}
@-moz-keyframes sagdanGelen {
0%{right:-500px;transform:rotate(0deg);opacity:0}
100%{right:none;transform:rotate(360deg);opacity:1}
}
@-webkit-keyframes sagdanGelen {
0%{right:-500px;transform:rotate(0deg);opacity:0}
100%{right:none;transform:rotate(360deg);opacity:1}
}
@keyframes sagdanGelen {
0%{right:-500px;transform:rotate(0deg);opacity:0}
100%{right:none;transform:rotate(360deg);opacity:1}
}
@-moz-keyframes soldanGelen {
0%{left:-500px}
100%{left:none}
}
@-webkit-keyframes soldanGelen {
0%{left:-500px}
100%{left:none}
}
@keyframes soldanGelen {
0%{left:-500px}
100%{left:none}
}

.altSayfa{ color: #000;font-family: Myr-R;}
.altSayfa .icerik p{ text-indent: 25px;font-size: 18px;margin-top: 15px;  text-align: justify}
.altSayfa .baslikdis{margin-top:8px}
.altSayfa .baslikdis .line{background:#CFCCCC;height:2px;margin-top: 13px;  position: relative;top: 22px;}
.altSayfa .baslikdis .baslik{font-size:27px;text-align:center;color: #000;}

.altSayfa .icerik img{margin-top: 15px; margin-left: 40px;}

#Urunler{ color: #000;font-family: Myr-R;}
#Urunler .icerik p{ text-indent: 25px;font-size: 18px;margin-top: 15px;  text-align: justify}
#Urunler .baslikdis{margin-top:8px}
#Urunler .baslikdis .line{background:#CFCCCC;height:2px;margin-top: 13px;  position: relative;top: 22px;}
#Urunler .baslikdis .baslik{font-size:27px;text-align:center;color: #000;}

.urunler .urun:nth-child(4n+1){ margin-left: 0;}

.urunler .urun .overlay{position:absolute;height:291px;width:100%;top:0;left:0;background: rgba(0, 0, 0, 0.5);display: none;}

.urunler .urun:hover > .overlay{display:block}

.urunler .urun .buyut{position:absolute;left:25%;top:46%;width:30px;height:30px;color:#fff;background:#fff;text-decoration: none;padding: 5px;background:url('/Src/Css/images/buyutec.png') no-repeat}
.urunler .urun .buyut:hover{background:#fff;color: #000!important;text-decoration: none;background: url('/Src/Css/images/buyutec_hover.png') no-repeat;opacity: 0.9;}

.urunler .urun .teklifal{position:absolute;right:25%;top:46%;width:100px;text-decoration: none;padding: 5px;border: 1px solid #999;background: #fff;color: #000!important;  border-radius: 5px;}
.urunler .urun .teklifal:hover{color:#fff!important;background: #e22c2c;border: 1px solid #000;opacity: 0.9;}
/*.urunler .urun .teklifal:hover{color:#fff!important;background:#e22c2c;}*/

#Urunler .avizeler {background: url('/Src/Css/images/urunlersprite.png') no-repeat 0 0;width: 318px;height: 154px;float: left;}
#Urunler .avizeler:hover {background: url('/Src/Css/images/urunlersprite.png') no-repeat 0 -156px;}

#Urunler .masalambasi {background: url('/Src/Css/images/urunlersprite.png') no-repeat -330px 0;width: 318px;height: 154px;margin-left: 10px;float: left;}
#Urunler .masalambasi:hover {background: url('/Src/Css/images/urunlersprite.png') no-repeat -330px -156px;}

#Urunler .armaturler {background: url('/Src/Css/images/urunlersprite.png') no-repeat -659px 0;width: 318px;height: 154px;margin-left: 10px;float: left;}
#Urunler .armaturler:hover {background: url('/Src/Css/images/urunlersprite.png') no-repeat -659px -156px;}


#Urunler .kategoriler{ margin-top: 20px;margin-bottom: 20px;height: 154px;}

#Iletisim{}
#Iletisim .iletisimformu{/*width:550px;*/width: 58%;height:560px;float:left;}
#Iletisim .iletisimformu .ust{background: #e12910;width: 95.4%;height: 39px;}
#Iletisim .iletisimformu .ust h2{font:15.95px SBC;color:#fff;  padding: 10px 0 0 15px;}
#Iletisim .iletisimformu .satir{width:95.5%;height: 35px;margin-top: 10px;}
#Iletisim .iletisimformu .satir .sol{width: 190px;background: #7b7b7b;float: left;height: 32px;padding: 3px 0 0 15px;}
#Iletisim .iletisimformu .satir .sol span{color:#fff;font:21.26px PFAi;}
#Iletisim .iletisimformu .satir .sag{width:350px;float:left;background:#fff;height: 35px;-webkit-box-shadow: 1px 1px 5px rgba(15,16,16,.23); -moz-box-shadow: 1px 1px 5px rgba(15,16,16,.23); box-shadow: 1px 1px 5px rgba(15,16,16,.23);}
#Iletisim .iletisimformu .satir .sag .input{outline: none;width: 350px;height: 31px;font:17.84px PFAi;color: #000;padding-left:5px;border:none}
#Iletisim .iletisimformu .satir .msj{outline: none;width: 100%;height: 205px;font:17.84px PFAi;color: #000;border:none;padding:5px;resize:none;-webkit-box-shadow: 1px 1px 5px rgba(15,16,16,.23); -moz-box-shadow: 1px 1px 5px rgba(15,16,16,.23); box-shadow: 1px 1px 5px rgba(15,16,16,.23);}
#Iletisim .iletisimformu .gonder{background: #7b7b7b; width: 123px; height: 37px;border:none;cursor:pointer;float:right;outline: none;color: #fff;font:21.26px PFAi;  margin-right: 4.4%;}
#Iletisim .iletisimformu .gonder:hover{ background: #545353;}

#Iletisim .iletisimbilgileri .tel{background: url('/Src/Css/images/iletisimicons.png') no-repeat -1px -22px;width: 18px;height: 22px;margin: auto;display: block;}
#Iletisim .iletisimbilgileri .mail{background: url('/Src/Css/images/iletisimicons.png') no-repeat -23px -22px;width: 22px;height: 15px;margin: auto;display: block;}
#Iletisim .iletisimbilgileri .faks{background: url('/Src/Css/images/iletisimicons.png') no-repeat -23px 0;width: 19px;height: 18px;margin: auto;display: block;}
#Iletisim .iletisimbilgileri .home{background: url('/Src/Css/images/iletisimicons.png') no-repeat 0 0;width: 19px;height: 21px;margin: auto;display: block;}

#Iletisim .iletisimbilgileri .icon{ width: 31px;height: 22px;background: #e12910;display: inline-block;}

#Iletisim .iletisimbilgileri .top{border-bottom: 1px solid #7b7b7b; width: 100%;height: 44px;}
#Iletisim .iletisimbilgileri .foot{ width: 100%;color: #7b7b7b;font-size: 18px;padding-top: 5px;}
#Iletisim .iletisimbilgileri .foot a{ color: #7b7b7b!important;font-size: 18px;}


#Iletisim .iletisimbilgileri .top h2{ display: inline-block;color: #7b7b7b;font-size:21.84px;font-weight: bold;position: relative;top: -3px;left: 10px;}


.cl225{clear:both;height:225px;width:100%;}


#Iletisim .yoltarifi{/*width:410px;*/  width: 41.8%;height:560px;float:right;}
#Iletisim .yoltarifi .ust{background: #e12910;width: 100%;height: 39px;}
#Iletisim .yoltarifi .ust h2{font:15.95px SBC;color:#fff;  padding: 10px 0 0 15px;}

@media screen and (max-width: 992px) {

#Iletisim .iletisimformu{float: left;width: 100%;height: auto;}
#Iletisim .yoltarifi{ float: left;  width: 100%;}

#Iletisim .iletisimformu .gonder{ width: 100%;margin-right: 0;}

.js #mobilmenu {display:none;}
	
.js .slicknav_menu {display:block;}

.sagalan .iconlar{display:none}
.sagalan .menu{display:none}
.sagalan .musteritemsilcisi{display:none}

#Iletisim .iletisimformu .satir .sol{ width: 100%;margin-top: 10px;}
#Iletisim .iletisimformu .satir .sag{ width: 100%;}
#Iletisim .iletisimformu .satir .sag .input{ width: 100%;}

.wrapper{width:100%;}

.urunler .urun{ margin-top: 10px;width: 100%;margin-left: 0;}
.urunler .urun:not(:first-child){margin-left:0}

#Urunler .kategoriler{ height: auto;float: left;}
#Urunler .kategori{width: 100%;float: left;}
.kategoriler .col-md-3{ width: 100%;margin: auto;}
.kategoriler .col-md-3 a{ margin: 10px 0 0 0 !important;}

.kategori .line,.altSayfa .baslikdis .line{ top: 0;}

.altSayfa .icerik img{ margin: 0;max-width: 100%;width: auto;}


header{float: left;}
.slideralt{ float: left;}
}


.slicknav_menu {display:none;}


.slicknav_menu{ display: none;}
#mobilmenu{ display: none;}




.iletisimformuicon{ background: url('/Src/Css/images/iletisimformu.png') no-repeat;width: 26px;height: 23px;float: left;  margin: 7px;}
.yoltarifiicon{ background: url('/Src/Css/images/yoltarificon.png') no-repeat;width: 13px;height: 25px;float: left;margin: 7px;}

 #map{ width: 100%;height: 400px;}

 #teklifAl .yukleniyorback{background: rgba(0,0,0,.6);position: absolute;display: block;z-index: 1051;top: 0;left: 0;right: 0;bottom: 0;display: none;}
 #teklifAl .yukleniyor{ width: 150px;height: 150px;margin: 0 auto;display: block;padding: 25px;background: #fff;position: absolute;top: 40%;left: 38%;}