@charset "iso-8859-9";
@import url("../js/fancybox/jquery.fancybox.css");
@import url("font-awesome.min.css");
@import url("../js/owl/owl.carousel.css");
@import url("../js/slider/themes/carbono/jquery.slider.css");
@font-face { font-family: 'teknoline'; src: url('font/teknoline_bold-webfont.eot'); src: url('font/teknoline_bold-webfont.eot?#iefix') format('embedded-opentype'),  url('font/teknoline_bold-webfont.woff') format('woff'),  url('font/teknoline_bold-webfont.ttf') format('truetype'),  url('font/teknoline_bold-webfont.svg#teknolinebold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'teknoline'; src: url('font/teknoline_light-webfont.eot'); src: url('font/teknoline_light-webfont.eot?#iefix') format('embedded-opentype'),  url('font/teknoline_light-webfont.woff') format('woff'),  url('font/teknoline_light-webfont.ttf') format('truetype'),  url('font/teknoline_light-webfont.svg#teknolinelight') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'teknoline'; src: url('font/teknoline_regular-webfont.eot'); src: url('font/teknoline_regular-webfont.eot?#iefix') format('embedded-opentype'),  url('font/teknoline_regular-webfont.woff') format('woff'),  url('font/teknoline_regular-webfont.ttf') format('truetype'),  url('font/teknoline_regular-webfont.svg#teknolineregular') format('svg'); font-weight: normal; font-style: normal; }
body, html { margin: 0; background-color:#fff;}
body { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; line-height: 25px; font-weight: 300; color: #3F3F3F; margin: 0px; padding: 0px; background-image: url(../images/pageBg.jpg); background-repeat: no-repeat; background-position: center top; }
a{ color:#FF8500; text-decoration:none;}
.clear { clear:both}
strong {font-weight:700 }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
#header { position: relative; height: 120px; }
#mainmenu { background-image: url(../images/ustMenu.png); background-repeat: no-repeat; background-position: center center; position: absolute; left: 0px; right: 0px; bottom: -5px; height: 70px; z-index:56; }
#menuContainer { margin-right: auto; margin-left: auto; max-width:1140px; position:relative; }
#menuContainer a{webkit-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms;}
#homeLink {
    background-image: url(../images/home.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    color: #fff;
    background-color: #FF8500;
    text-align: right;
    display: block;
    float: left;
    font-weight: 500;
    padding: 4px 7px 4px 0px;
    height: 22px;
    font-size: 12px;
    width: 83px;
    border-right: rgb(206, 187, 168);
}
#homeLink:hover { background-color:#444;}
#bigMenu { display: block; margin: 0px; padding: 0px; float: left; height: 70px; list-style-type: none; }
#bigMenu li { display: block; margin: 0px; padding: 0px; float: left; list-style-type: none; }
#bigMenu>li>a { font-size: 16px; line-height: 30px; font-weight: 700; color: #FFFFFF; text-decoration: none; height: 30px; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; display: block; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgba(229, 164, 203, 0.25); border-left-color: rgba(252, 247, 254, 0.28); float: left; }
#bigMenu>li:hover>a { background-color:#444; color:#FF8500;}
#bigMenu>li:last-child>a{ border-right:none}

#bigMenu>li .subMenu { position: absolute; left: 0px; top: 100%; z-index: 105; display: none; right: 0; padding-top: 10px; }
.submenuContent { padding: 20px; position: relative; background-color: #FFFFFF; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.5); box-shadow: 0 0 15px 0 rgba(0,0,0,.5); }
.submenuContent:after { height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; position: absolute; content: ""; left: 70px; top: -6px; }
#menuOverLay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); z-index: 23; display: none; cursor: url('../images/c.png'), default; }
.kategoriBoxContainer { float:left; width:20%; box-sizing:border-box; padding:1px;}
.kategoriBox { display: block; background-size: cover; background-position: center center; position: relative; -webkit-transition: all 700ms; -moz-transition: all 700ms; -ms-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.kategoriBox:hover {-webkit-box-shadow: inset 0 0 30px 0 rgba(229, 164, 202, 0.9)); box-shadow: inset 0 0 30px 0 rgba(255, 133, 0, 0.9);}
.kategoriBox.kbox1 { height:170px; }
.kategoriBox.kbox2 { height:350px; }

.kategoriBox span { display:block; padding:10px; position:absolute; left:0;bottom:0; right:0; color:#fff; font-size:13px; font-weight:700; background-image:url(../images/sag-ok.png); background-position:95% center; background-repeat:no-repeat; background-color:rgba(255, 133, 0, 0.75); -webkit-transition: all 350ms; -moz-transition: all 350ms; -ms-transition: all 350ms; -o-transition: all 350ms; transition: all 350ms; }
.kategoriBox:hover>span { padding-bottom:20px; padding-top:20px;}
#homeKategoriler .kategoriBox:hover>span { padding-bottom:20px; padding-top:20px;}
.kategoriBox span small { font-weight:300; display:block; font-size:12px;}
.popKapat { text-align: center; padding-top: 15px; background-image: url(../images/kapat.png); background-repeat: no-repeat; background-size: contain; background-position: center top; margin-top:10px; }
.kapatIcon { display: inline-block; background-color: #FF8500; color: #fff; text-decoration: none; width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.kapatIcon:hover { background-color: #3C3F42; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.submenuContent h4 { font-size: 20px; line-height: 30px; font-weight: 500; color: #E5A4CA; background-image: url(../images/MenuTab.png); background-repeat: no-repeat; background-position: center bottom; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-size:contain; text-align:center; }
#mainBanner{ }
.banneritem { height:380px; background-size:cover; background-position:center center;-webkit-box-shadow:inset 0 10px 10px 0 rgba(0,0,0,.3);box-shadow:inset 0 10px 10px 0 rgba(0,0,0,.3);}
#menuchanger { float: right; margin-right: 10px; margin-top: 10px; height: 50px; width: 50px; line-height: 50px; background-color: #262626; color: #fff; box-sizing: border-box; text-align: center;display: none; border-radius:2px; cursor:pointer; }
#ddClear{ display:none}
#ustContainer { margin-right: auto; margin-left: auto; max-width: 1140px; height: 130px; position: relative; }
#homeLogo { display: block; height: 105px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center center; text-indent: -3500px; width: 173px; background-size: contain; position: absolute; left: 0px; top: 54%; transform:translateY(-50%); -webkit-transform:translateY(-50%) }
#corpmenu{ position:absolute; z-index:12;width:250px; right:0; bottom:16px; height:33px;background-image: url(../images/hizmete-deger.png);}
#corpmenu>a{ display:block; float:left; line-height:30px; color:#292929; font-size:13px; text-decoration:none; padding-left:10px; padding-right:10px; border-right:solid 1px rgba(0,0,0,.2);}
#corpmenu>a:hover{ color:#656565}
#corpmenu>a:last-child{border-right:solid 0px rgba(0,0,0,.2);padding-right:0px;}
#aramaDiv{ border:solid 1px #FF8500; border-radius:2px; background-color:#fff;-webkit-box-shadow:inset 0 0 4px 0 #FF8500;box-shadow:inset 0 0 4px 0 #FF8500; box-sizing:border-box; height:30px; float:left; margin-left:10px; width:250px;}
#araBakalim { background-image: url(../images/araBtn.png); background-repeat: no-repeat; background-position: center center; float: right; height: 28px; width: 28px; display:block; }
#aramaForm{ margin:0; padding:}
#aramaDiv #q { border:none; background-color:transparent; height:28px; padding-left:10px; width:200px; float:left; font-size:12px;font-family: Tahoma, Geneva, sans-serif;outline:0; }
#ustBilgiler { position:absolute; right:0; top:20px; height:30px;}
.btnfacebook, .btntwitter { color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; float: left; display: block; margin-left: 10px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.btnfacebook { background-color: #29599a; }
.btntwitter { background-color:#45aed1; }
.btnfacebook:hover, .btntwitter:hover {  transform: rotate(360deg); -webkit-transform: rotate(360deg); background-color:#282828}
.ustbilgiler { float:left; margin-left:15px; line-height:30px; color:#3E3E3E; padding-left:15px; border-left:solid 1px #cebba8; display:block}
.ustbilgiler i{ color:#FF8500; font-size:16px; display:inline-block; margin-right:5px;}
#footerUst { padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF;-webkit-box-shadow:inset 0 10px 30px 0 #FBF6FD;box-shadow:inset 0 10px 30px 0 #FBF6FD; }
#footerUstcontainer{ max-width:1140px; margin-left:auto; margin-right:auto;}
#footer { background-color: #FFFFFF; }
#copyright { font-size: 13px; line-height: 20px; color: #3C3C3C; padding-top: 15px; padding-bottom: 20px; max-width:1140px; margin-left:auto; margin-right:auto; }

#homeContent, #homeKategoriler { max-width:1140px; margin-left:auto; margin-right:auto;}
#homeKategoriler { padding-bottom:10px; padding-top:10px}
#copy_Left { float: left; width: 50%; }
#copy_Left font { font-size: 14px; font-weight: 700; color: #FF8500; }
#copy_Left span { font-size: 14px; font-weight: 700; color: #343434; }
#copy_Right { float: right; width: 50%; text-align: right; line-height: 47px; color: #292929; }
.tekniksatgroup { background-image: url(../images/tekniksatGroup.png); text-indent: -3500px; display: inline-block; height: 47px; width: 144px; margin-right: 10px; margin-left: 10px; text-align:left }
#footerAdres { font-size: 14px; line-height: 16px; font-weight: 400; color: #FFFFFF; background-color:#FF8500; text-align: center; padding: 15px; }
.linklist{ padding-bottom:5px; padding-top:5px;}
.linklist a{ display:block; line-height:20px; color:#616161; font-size:12px; font-weight:400; text-align:center}
.linklist a:hover{ color:#FF8500; text-decoration:underline;}
.footerKats { width:16.6666%; float:left;box-sizing:border-box; padding-top:10px; text-align:center}
.footerKats h3 { font-size:14px; font-weight:bold; color:#383838; padding:0; margin:0; line-height:20px;}
.footerKats>a { color:#666666; font-size:12px; font-weight:300; display:block;}
#bizitercihedenler { padding: 10px; margin-right: auto; margin-left: auto; background-color: #FF8500; color: #fff; box-sizing: border-box; max-width: 1140px; margin-bottom: 10px; }
.thh2 { font-size: 18px; font-weight: 700; text-decoration: none; background-image: url(../images/rmg.png); background-repeat: no-repeat; background-position: left bottom; margin: 0px; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#tercihBox, #newsBox { height: 31px; padding-top:6px; } 
.solBtn{ background-color: rgba(0,0,0,.2); height: 31px; width: 25px; display: block; float: left; background-image: url(../images/sol.png); background-repeat: no-repeat; background-position: center center; margin-right:5px; }
.sagBtn{ background-color: rgba(0,0,0,.2); height: 31px; width: 25px; display: block; float: left; background-image: url(../images/sag.png); background-repeat: no-repeat; background-position: center center; }
.solBtn:hover, .sagBtn:hover{background-color: rgba(0,0,0,.4);}
#tercihTicker, #newsTicker { height: 31px; margin-left: 70px; overflow: hidden; }
#tercihTicker .tick, #newsTicker .tick { line-height: 31px; height:31px; overflow:hidden; }
.thh2 a { font-size: 11px; line-height: 23px; font-weight: 300; color: #FFFFFF; text-decoration: none; display: inline-block; float: right; padding-right: 5px; padding-left: 5px; border: 1px solid rgba(255,255,255,.2); border-radius:2px; }
#homeLeft { width: 69.5%; float: left; }
.thh2 a:hover { background-color:rgba(255,255,255,.1) }
#homeRight { float: right; width: 29.5%; }
#bizdenHaberler { padding: 10px; margin-right: auto; margin-left: auto; background-color: #A6A6A6; color: #fff; box-sizing: border-box; max-width: 1140px; margin-bottom: 10px; background-image: url(../images/newsbg.jpg); background-repeat: no-repeat; background-position: left center; }
#homeHakkimizda { margin-right: auto; margin-left: auto; background-color: #FF8500; color: #fff; box-sizing: border-box; max-width: 1140px; margin-bottom: 10px; background-image: url(../images/100musterimemnuniyeti.jpg); background-repeat: no-repeat; background-position: right center; padding-top: 10px; padding-right: 250px; padding-bottom: 10px; padding-left: 10px;  }

.tick a { font-weight: 700; color: #FFFFFF; }
.tick a:hover { text-decoration:underline}
#newsTicker .tick span { float: right; }
#hizliErisim { background-image: url(../images/sagbtnsbg.jpg); background-repeat: no-repeat; background-position: center center;     padding: 5px 15px 6px 15px; margin-bottom: 10px; background-size:cover }
#hizliErisim a { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #d5a65a; border-bottom-color: #e9c78a; display: block; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 18px; font-weight: 700; color: #FFFFFF; padding-left: 32px; -webkit-transition: all 450ms; -moz-transition: all 450ms; -ms-transition: all 450ms; -o-transition: all 450ms; transition: all 450ms; position:relative;text-shadow: 0 1px 0 #949494; }
#hizliErisim a span { font-size: 12px; line-height: 16px; display: block; font-weight: 400; }
#hizliErisim a:hover { padding-left:40px}
.yuklemeMerkezi:before { content: ""; background-image: url(../images/downloadicon.png); display: block; height: 21px; width: 21px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; }
#hizliErisim a:hover:before {opacity:.6}
.urunKataloglari:before { content: ""; background-image: url(../images/dokumanicon.png); display: block; height: 27px; width: 21px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; }
.faydaliBilgiler:before { content: ""; background-image: url(../images/faydali-bilgiler.png); display: block; height: 31px; width: 21px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all 600ms; -moz-transition: all 600ms; -ms-transition: all 600ms; -o-transition: all 600ms; transition: all 600ms; }

#onlineYardim span { font-size: 12px; line-height: 16px; font-weight: 400; display: block; }
#onlineYardim { background-image: url(../images/online-yardim.png); background-repeat: no-repeat; background-position: 13px center; padding-top:22px; padding-bottom: 22px; padding-left: 47px; background-color: #60ABC1; display: block; font-size: 14px; line-height: 20px; color: #FFFFFF; font-weight: 700; margin-bottom:10px }
#onlineYardim:hover { background-color:#FF8500}
#hakkimizdaGiris { font-size: 12px; line-height: 18px; font-weight: 400; color: #FFFFFF; }





#mainpageTitle { max-width: 1140px; height: 300px; background-repeat: no-repeat; background-position: right center; margin-left: auto; margin-right: auto; }
#pageTitle { font-size: 45px; line-height: 30px; font-weight: 700; color: #141414; display: inline-block; margin: 0px; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); padding-left: 30px; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; background-color: rgba(255,255,255,.4); z-index: 5; }
#pageTitle small { font-size: 20px; line-height: 15px; font-weight: 400; background-image: url(../images/sep-line.png); background-repeat: no-repeat; background-position: left top; display: inline-block; padding-top: 6px; }
#pageContent {border-top: 1px solid #e5e5e5; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; max-width: 1140px; }
.ulTab { background-color: #333336; display: block; margin: 0px; padding: 0px; height: 60px; list-style-type: none; text-align: center; }
.ulTab li { display: inline-block; margin: 0px; padding: 0px; list-style-type: none; }
.ulTab li a { font-size: 18px; color: #FDFDFD; display: inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: #3f3f42; line-height: 40px; padding-top: 10px; padding-right: 17px; padding-bottom: 10px; padding-left: 17px; text-decoration: none; font-weight: 300; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; position: relative; }
.ulTab li:last-child a { border-right: none }
.ulTab li a:hover { background-color: #19191a; color: #DDD; }
.ulTab li a.active { background-color: #FF8500; color: #fff; }
.ulTab li a.active:after { display: inline-block; position: absolute; top: 60px; content: ""; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 10px 8px 0 8px; border-color: #FF8500 transparent transparent transparent; }
.tabIcerik { padding-top: 20px }
.tabContent { display: none }
.subContent { padding-top: 10px }
.subTitle {  background-repeat: no-repeat; background-position: center center; text-align: center; display: block; margin: 0; padding-bottom: 10px; padding-top: 10px; }
.subTitle span { font-size: 30px; line-height: 30px; font-weight: 300; color: #FF8500;  display: inline-block; padding-right: 15px; padding-left: 15px; }
.subTitle span.large { font-size: 35px; }
.ustBosluk { padding-top: 20px }
#iletisimPage { position: relative; height: 400px; }
#iletisimContent { background-color: rgba(255,255,255,.9); padding: 25px; position: absolute; z-index: 1; left: 25px; top: 25px; border-bottom: solid 3px #BBBBBB }
#iletisimPage iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; }
.duzListe { padding-bottom: 12px }
.duzListe h4, #pageContent h4 { color: #FF8500; font-size: 20px; font-weight: 700; margin-bottom: 0 }
#pageContent h5 { color: #FF8500; font-size: 19px; margin: 0; font-weight: 400; padding-bottom: 10px; padding-top: 10px; }
.duzListe h4 small, #pageContent h4 small { display: block; font-size: 16px; color: #515151; font-weight: 300; }
#pageContent h3 { color: #FF8500; font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 0; padding-top: 20px; }
.masonBox4 .duzListe { float: left; width: 50%; box-sizing: border-box; padding: 12px; }
.masonBox4 .duzListe.tam { width: 100%; float: left; box-sizing: border-box; padding: 12px; }
.masonBox4 .duzListe.tam img { width:100%;}
.duzListe img { width: 100%; }
.btn { border: none; display: inline-block; padding-left: 40px; padding-right: 40px; margin-right: 5px; line-height: 50px; font-size: 16px; color: #fff; background-color: #333336; border-radius: 2px; }
.btn.btn-sm { padding-left: 20px; padding-right: 20px; line-height: 35px; font-size: 14px; font-weight: 300; }
.btn:hover { background-color: #19191a; }
.fancybox span { display: inline-block; position: relative; }
.fancybox span:after { content: ""; display: inline-block; left: 0; top: 0; right: 0; bottom: 0; border: solid 20px rgba(255,255,255,.0); position: absolute; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.fancybox:hover>span:after { border: solid 10px rgba(255,255,255,.5); }
#aracUstKisim { background-image: url(../images/aracBg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
#aracustcontainer { position: relative; max-width: 1140px; margin-left: auto; margin-right: auto; height: 350px; overflow: hidden; }
#aracustcontainer img { position: absolute; right: 0; top: 0; z-index: 0; }
.masonImage { width: 25%; box-sizing: border-box; padding: 4px; }
.masonImage img { width: 100%; }
.smaciklama { padding-bottom: 7px; padding-top:7px; }
.aracContent img { width: 100%; }
.ustIslemler { background-color: #e1e1e1; padding-top: 20px; padding-bottom: 20px; text-align: center; }
.ustIslemler a { font-size: 19px; line-height: 60px; font-weight: 400; color: #393939; display: inline-block; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #da012e; border-radius: 2px; -webkit-transition: all 450ms; -moz-transition: all 450ms; -ms-transition: all 450ms; -o-transition: all 450ms; transition: all 450ms; }
.ustIslemler span { display: inline-block; font-size: 15px; color: #da012e; margin-right: 5px; }
.ustIslemler a:hover { color: #fff; background-color: #19191a; }
.ustIslemler a:hover>span { color: #797979; }

.yarimBox { float: left; width: 33.3333%; padding: 10px; box-sizing: border-box; }
.yarimBox h3 { margin: 0; padding-bottom: 10px; }
.yarimBox .spbox { display: block; height: 160px; overflow: hidden; position: relative; }
.yarimBox .spbox img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.listable { border: none; }
.listable tr td { padding: 15px; border: none; vertical-align:top; }
.listable tr td img { width: 100% }
.forms input, .forms select, .forms-textarea, .form input, .form select, .form-textarea { padding: 7px 8px; font-size: 18px; line-height: 1em; border: 1px solid #D4D4D4; border-radius: 3px; box-shadow: 0px 2px 2px #F2F2F2 inset; width: 100%; box-sizing: border-box; }
.duzListe iframe { width:100%; height:300px}
.NewsManset { margin-right: auto; margin-left: auto; padding-top: 15px; max-width:1140px; }
.kutuSol { float:left; width:50%; padding-right:10px; box-sizing:border-box;}
.kutuSag { float:right; width:50%; box-sizing:border-box; padding-left:10px;}
.haberKutusu{ display:block; padding-bottom:10px; color:#3E3E3E}
.haberKutusu h4, .hbrBox h4 { color:#da012e; margin:0; padding:0; line-height:22px !important; font-size:20px !important; font-weight:300; margin-bottom:10px !important;}
.refBox h6 { color:#da012e; margin:0; padding:0; line-height:22px !important; font-size:20px !important; font-weight:300; margin-top:10px !important;}
.haberKutusu img, .refBox img { width:100%;}
.haberKutusu .pull-left { width:50%; margin-right:10px; position:relative;}
.haberKutusu .pull-left:after, .homeBoxContainer .homeBox:after { content: ""; display: inline-block; left: 0; top: 0; right: 0; bottom: 0; border: solid 20px rgba(255,255,255,.0); position: absolute; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.haberKutusu .pull-left:before, .homeBoxContainer .homeBox:before { content: ""; display: inline-block; left: 20px; top: 20px; right: 20px; bottom: 20px; border: solid 4px rgba(255,255,255,.0); position: absolute; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.haberKutusu:hover>.pull-left:after, .homeBoxContainer:hover>.homeBox:after { border: solid 20px rgba(255,255,255,.5); }
.haberKutusu:hover>.pull-left:before, .homeBoxContainer:hover>.homeBox:before { border: solid 4px rgba(255,255,255,.7); transform:rotateY(180deg) }
.haberKutusu p { margin:0; font-size:15px; line-height:25px;}
.hbrBox p, .refBox p {padding-top:10px; margin:0;}
.hbrBox { box-sizing: border-box; padding: 14px; width: 33.3333%; float: left; display: block; color: #3D3D3D; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.refBox { box-sizing: border-box; padding: 14px; width: 25%; float: left; display: block; color: #3D3D3D; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.grnd { border-bottom:solid 4px #C9C9C9}
.hbrBox img{ width:100%}
.hbrBox:hover, .refBox:hover { background-color:#F2F2F2;}
.haberKutusu p.mts { padding-top:10px}
.homeBoxLinks { max-width:1140px; margin-left:auto; margin-right:auto;}
.homeBoxContainer { width:33.333%; float:left; box-sizing:border-box; padding:10px;}
.homeBox {background-color: #FFF;padding: 8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); box-sizing:border-box; display:block; line-height:1 !important; position:relative; }
.homeBox img { width:100%}
.liAciklama{ position: relative; max-width:1140px; margin-left:auto; margin-right:auto;}
.tersBtn{ position: absolute; left: 250px; bottom: 20px; z-index: 3; color: #3F3F3F; background-color: #fff; padding: 7px 15px; font-size: 14px; line-height: 20px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.tersBtn:hover{ background-color:#161616; color:#fff}
.aciklamaContainer {position: absolute; left:0; bottom:0; }
.genisAciklama { background-color: rgba(210,0,40,.8); color: #fff; font-size: 14px; line-height: 20px; width: 300px; padding-top: 30px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; }
.ustAciklamalar { border-left:solid 1px rgba(210,0,40,.8); padding-left:20px; padding-bottom:50px; color:#fff; font-size:30px;text-shadow: 1px 1px 0 #333333;}
.ustAciklamalar span { display:block; padding-bottom:13px; font-weight:700; font-size:36px;}
.ustAciklamalar small { display:block; font-weight:400}
.genisAciklama strong { font-size:19px; display:block; padding-bottom:10px;}
.akordiyonlink:hover { background-color:#D9D9D9 }
.akordiyonlink span { display: block; background-image: url(../images/plus.png); background-repeat: no-repeat; background-position: right center; padding-bottom: 6px; padding-top: 6px; padding-right:50px }
.akordiyonlink { display: block; padding: 10px; background-color: #F0F0F0; font-size: 18px; color: #505050; font-weight: 300; cursor: pointer; margin-bottom: 2px; background-image: url(../images/detail-head.png); }
.AkordiontabContent{ display:none; padding:15px;}
.akordiyonlink span.active { background-image: url(../images/minus.png); font-weight:700 }
.ucluBox { width:33.333%; box-sizing:border-box; padding:14px; float:left;}
.dortluBox { width:25%; box-sizing:border-box; padding:14px; float:left;}
.besliBox { width:20%; box-sizing:border-box; padding:12px; float:left;}
.gorunumBox2 { width:50%; box-sizing:border-box; padding:15px; float:left;}
.gorunumBox3 { width:33.333%; box-sizing:border-box; padding:15px; float:left;}
.gorunumBox4 { width:25%; box-sizing:border-box; padding:15px; float:left;}
.gorunumBox5 { width:20%; box-sizing:border-box; padding:15px; float:left;}
.gorunumBox6 { width:16.66666%; box-sizing:border-box; padding:12px; float:left;}
.altH4 { margin:0; padding-top:10px; padding-bottom:10px; font-size:20px; font-weight:400 !important;}
#renkSecenekleri { padding-top:15px; padding-bottom:15px; background-color:#262626; text-align:center; height:32px;}
#renkSecenekleri a { display:inline-block; background-repeat:no-repeat; background-position:-410px -150px; border:solid 1px #FFF; border-radius:2px; height:30px; width:30px; margin-right:2px; margin-left:2px;}
#renkSecenekleri a.active {border:solid 1px #da012e;}
.aracContent img.gll { width:auto !important}
.wfButton { border: 0px none; color: #FFF; cursor: pointer; font-family: "citroen"; font-size: 17px; line-height: 1.2em; background: none repeat scroll 0% 0% #FF8500; position: relative; padding: 6px 15px; font-weight: normal; border-radius: 2px; margin: 0px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.wfButton:hover { background-color:#131313}
.buttonContainer { background-image: url(../images/bgdvm.png); background-repeat: no-repeat; background-position: center top; margin-top: 10px; padding-top: 15px; background-size:contain; padding-left:120px; }
.wfInput {border: 1px solid #B7B3B3; color: #595959;font-size: 17px;font-family: "citroen"; padding:8px; box-sizing:border-box; border-radius:3px;}
.wfInput:focus { border-color:#FF8500}
.wf10 { width:10%;}
.wf20 { width:20%;}
.wf30 { width:30%;}
.wf40 { width:40%;} 
.wf50 { width:50%;}
.wf60 { width:60%;}
.wf70 { width:70%;}
.wf80 { width:80%;}
.wf90 { width:90%;}
.wf100 { width:100%;}
.formRow { box-sizing:border-box; padding-top:6px; padding-bottom:6px;}
.formRow label.dt { display:inline-block; vertical-align:baseline; width:120px;}
.formRow label.dl { display:inline-block; vertical-align:baseline; width:auto;}
.basariliDiv { text-align: center; }
.basariliDiv i { font-size: 120px; color: #DA012E; }
#mainContent { }
.anaFotograf{ float:left; margin:0px 15px 15px 0px}.masonContainer { background-image: url(../images/MenuTab.png); background-repeat: no-repeat; background-position: center top; padding-top: 20px; background-size:contain; }
.tgenislik{ box-sizing:border-box; padding:5px; float:left; width:25%;}
.tgenislik a { display:block; border:solid 1px #E2E2E2; padding:10px; text-align:center; border-radius:2px;-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.tgenislik a span { display:block; text-align:center; margin-bottom:10px; margin-left:40px; margin-right:40px; padding-bottom:10px; border-bottom:solid 1px #DBDBDB; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
.tgenislik a span i{ color: #787878; font-size: 45px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.tgenislik a:hover {-webkit-box-shadow:inset 0 0 15px 0 #D1D1D1; box-shadow:inset 0 0 15px 0 #D1D1D1; }
.tgenislik a:hover>span i { color:#101010}
.tgenislik a:hover>span { margin-left:20px; margin-right:20px;}
#iletisimKapsa { position:relative; height:300px;}
.iletisim1 { float: left; padding: 20px; box-sizing: border-box; width: 48%; border: solid 1px #EBEBEB; background-image: url(../images/iletisim1.png); background-repeat: no-repeat; background-position: right bottom; left:0; top:0; bottom:0; position:absolute; }
.iletisim2 { float: left; padding: 20px; box-sizing: border-box; width: 30%; border: solid 1px #EBEBEB; background-image: url(../images/musteri-hizmetleri.png); background-repeat: no-repeat; background-position: right bottom; color: #FFFFFF; background-color: #FF8500; left:45%; top:0; bottom:0; position:absolute; }
.iletisim3 {left:48%; top:0; bottom:0; position:absolute; width:48%}
.iletisim3 iframe{ width:100%; height:100%}
#urunlerLeft { float: left; width: 25%; }
#urunlerLeft.is_stuck { z-index:99; background-color:#fff;}
#urunlerRight { float: right; width: 74%; }
#urunlerMenu { border: 3px solid #FF8500; border-radius: 3px 3px 0px 0px; }
#urunlerMenu h3 { font-size: 17px; line-height: 40px; font-weight: 700; color: #FFFFFF; margin: 0px; padding-left: 10px; background-color: #FF8500; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; background-image: url(../images/ustMenu.png); background-repeat: no-repeat; background-position: center center; }
#urunlerMenu ul { display: block; margin: 0px; padding: 0px; list-style-type: none; }
#urunlerMenu ul li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; list-style-type: none; position: relative; }
#urunlerMenu ul li a { font-size: 15px; line-height: 24px; color: #3E6372; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; font-weight: 400; display: block; font-weight:bold;}
#urunlerMenu ul li ul li a:before {content: "---";letter-spacing: -1px;color: #DDD;float: left;margin-right: 5px;
}
#urunlerMenu ul > li > ul{display:none;padding:0px !important;padding-left:5px !important; margin-bottom:7px;padding-bottom:7px !important;}
#urunlerMenu ul > li > ul a {font-weight:normal;padding:0px !important;}
#urunlerMenu ul > li > ul > li li {font-weight:normal;border-left:solid 0px #e5e5e5 !important;border-bottom-width:0px !important;padding-left:5px;}
#urunlerMenu ul li ul ul {display:none;}
#urunlerMenu ul > li > ul > li li a{font-size:13px;}
#urunlerMenu ul li ul li a { padding-left:0}
#urunlerMenu ul li ul {  padding:10px;  z-index:99; background-color:#fff;  width:auto; }
#urunlerMenu ul li ul:before {width: 0;height: 0;border-style: solid;border-width: 5px 5px 5px 0;border-color: transparent #e5e5e5 transparent transparent; position:absolute; left:-7px;}
#urunlerMenu ul li ul li { padding-left:1px; border-left:solid 1px #e5e5e5;}
#urunlerMenu ul li ul li:last-child { border-bottom:none !important}
#urunlerMenu ul li:hover>a { background-color:#f5f5f5 }
.urunBox {box-sizing:border-box; width:25%; padding:5px 10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.urunBox a {min-height:205px; display: block; border: solid 1px #e5e5e5; border-radius:2px; padding: 10px; line-height: 17px; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.urunBox a img {  box-sizing:border-box; border-radius:2px;}
.urunBox a span { display:block; font-weight:700; padding-top:5px;}
.urunBox a strong { display:block; font-weight:700; padding-top:10px; padding-bottom:5px; border-bottom:solid 1px #e5e5e5; color:#3B3B3B }
.urunBox a small { display:block; font-weight:400; font-size:11px; color:#656565;}
.urunBox a:hover { border:solid 1px #FF8500;}
#urunlerUst { margin-bottom: 12px; padding-bottom: 12px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #888888; }
#urunlerUst h1 { font-size: 24px; font-weight: 700; color: #282828; margin: 0px; padding: 0px;}
.menuchanger { float:right; display:none; line-height:27px; margin-top:5px; margin-right:5px; border:solid 1px #FBFBFB; color:#fff; text-align:center; width:27px; box-sizing:border-box; cursor:pointer;}
#urunFotograf { float: left; width: 45%; box-sizing:border-box; padding-right:15px; border-right:solid 1px #e5e5e5; position:relative; }
#urunFotograf:after { content:""; position:absolute; right:-6px; top:10px; width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 6px;border-color: transparent transparent transparent #e5e5e5;}
#urunFotograf > a { display:block; text-align:right; color:#252525; font-size:14px; line-height:30px; border-top:solid 1px #e5e5e5}
#urunFotograf a i{ color:#FF8500;}
#urunAciklama{ float:right; width:53%;}
#urunAciklama h4{ font-weight:300; font-size:27px; margin-top:0; padding-top:0px;}
.uaciklama{ display:block; font-size:15px;}
#detailShareDiv { padding-top: 10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5 }
#detailShareDiv a { display: inline-block; color: #fff; text-decoration: none; font-size: 11px; margin-right: 3px; border-radius: 2px; line-height: 35px; padding-left: 15px; padding-right: 15px; }
#detailShareDiv a:hover { opacity: .9 }
#detailShareDiv a i { display: inline-block; font-size: 14px; line-height: 30px !important }
#detailShareDiv .twitter { background-color: #00aeef }
#detailShareDiv .facebook { background-color: #3b5998 }
#detailShareDiv .google-plus { background-color: #eb4026 }
#detailShareDiv .linkedin { background-color: #0074a1 }
#detailShareDiv .tumblr { background-color: #559fca }
#detailShareDiv .pinterest { background-color: #ca212a }
#detailShareDiv .more { background-color: #eee }
#detailShareDiv .more i { color: #aaa }
.dokumanLink { display: block; padding: 12px 12px 12px 50px; color: #292929; font-size: 16px; font-weight: 700; background-color: #F5F5F5; margin-bottom: 3px; border-radius: 2px; background-image: url(../images/download.png); background-position: 14px center; background-repeat: no-repeat; }
.dokumanLink small { display:block; font-size:14px; color:#525252; font-weight:400;}
.dokumanLink:hover { background-color:#F0F0F0}
.talep-btn {
    background: #3b5998;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
	text-transform: uppercase;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}