@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url(http://weloveiconfonts.com/api/?family=entypo);

body {font-family: 'Roboto', sans-serif; background: url(../images/background.png) ;}
b , strong{font-weight: bold}
.container {width: 1160px; display: block; margin: 0 auto; }


.header {
  position: relative;z-index: 3; 
  height: 115px; width: 100%;}

  .menu {   
   float: right;
   margin-top: -12px;

 }
 .menu ul li{float: left;}

 .menu ul li a{
  text-decoration: none;
  color:#fff; padding: 9px 15px;
  font-weight: 600;
}



#imza-digital {
  position:relative;
  width: 150px;
}
#imza-digital a {text-decoration: none;}
#imza-digital a p {
  margin-bottom: 0px;
  text-align: center;
  position: relative;
  left: -30px;
  top: 27px;
}
#imza-digital a:hover {color: #fab51f!important}
#imza-digital a img {
  position: absolute;
  width: 24px;
  right: 0;
  top: -31px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#imza-digital a img.top {
  opacity:0;
}
#imza-digital a img.top:hover {
  opacity:1;
  transition: transform 1s;
  transform: scale(.8);
  color: #fab51f!important;
}



.topbg { background-image: url(../images/topbg.png); background-repeat: no-repeat; background-position: center bottom; height: 113px; } 

.logo {display: block; position:absolute; top:20px;float:left;left:20px}
.logo img {width: 240px}
.menu1 li a {    text-decoration: none;
  float: right;
  display: block;
  position: relative;
  top: -1px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14.5px;
  line-height: 41px;
  color: #FFF;
  font-weight: 400;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-right: 1.5px solid #cc181f;


  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#900f16+0,900f16+10&1+0,0+10,0+10,0+18 */
  background: -moz-linear-gradient(top, rgba(144,15,22,1) 0%, rgba(144,15,22,0) 10%, rgba(144,15,22,0) 18%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(144,15,22,1) 0%,rgba(144,15,22,0) 10%,rgba(144,15,22,0) 18%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(144,15,22,1) 0%,rgba(144,15,22,0) 10%,rgba(144,15,22,0) 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900f16', endColorstr='#00900f16',GradientType=0 ); /* IE6-9 */}
.menu1 li a:hover , .menu_aktif {background: #741b17 !important}
.menu1 li a:hover i {color:#fff}

.menu1 li a i {color:#960002;position: relative;top:-0.5px;margin-left:5px}


.musterihizmetleri {float: right; line-height: 15px; margin-top:-11px;  }

.musterihizmetleri small {font-size:14px;color:#7F7F7F;position: relative;left:-40px;top:-5px;font-weight: 400;}
.musterihizmetleri a  {color:#333}
.musterihizmetleri a h1 {float: right; font-size: 24px;font-weight: 100 }
.musterihizmetleri h1 b {font-weight: 700;}

.musterihizmetleri img {position: relative; top:20px;left:-40px}

.slider{height: 561px;}


.sliderust {background: url(../images/sliderust.png) no-repeat; 
	width: 955px; height: 234px; position: relative;right: -40px; z-index: 2;
	margin-top: -280px; float: right;
}
.slideryazi {color:#fff;  text-align: right; margin-top:100px; margin-right:50px; }
.slideryazi h1{font-weight: bold; font-size: 18px; line-height: 25px; position: relative;top: 10px;}
.slideryazi h2{    font-weight: 500;
  margin-top: 0;
  margin-bottom: -6px;
} 
.slideryazi p{font-size: 14px; line-height: 20px; color:#b9b9b9;margin-top:10px}

.bx-wrapper .bx-prev {background: url("../images/geri.png") !important;height: 64px !important;width: 64px !important;left:10px !important;}
.bx-wrapper .bx-next {background: url("../images/ileri.png") !important;height: 64px !important;width: 64px !important;left:70px !important}

.content {height: 320px;}
.urunlercontent {height: 310px;float: left;margin-left: 37px;margin-top:-20px; background: #fff;width: 262px; height: 300px;
  -webkit-box-shadow: 2px 5px 12px -3px rgba(0,0,0,0.75);-moz-box-shadow: 2px 5px 12px -3px rgba(0,0,0,0.75);
  box-shadow: 2px 5px 12px -3px rgba(0,0,0,0.75);position: relative;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;}
  .urunlercontent:first-child {margin-left: 0px;}
  .urunlercontent h1{	width: 97%;margin-bottom:0 !important;
    padding-left: 3%; height: 40px;  color:#ee1c25; 	font-size: 20px !important; font-weight: 500;line-height: 40px; 
    text-indent: 0.2cm; border-bottom:1px dashed #578ab5;position: relative;z-index:99999}
    .urunlercontent img {
      border-top-left-radius: 16px;
      border-bottom-right-radius: 16px;}
      .urunlercontent .urunbg {
        position: absolute;
        top: 39px;
        z-index: 999;
        background: url(../images/urun-bg.png) -2px -33px;
        width: 100%;
        background-size: cover;
        height: 73px;}

        .urunlercontent b {color:#544f82; font-size: 20px;}
        .urunlercontent i{float: right; font-size: 28px; font-weight: 100 ; color:#dadada; margin: 5px 10px;}
        .urunlercontent img {height: 260px; width: 100%;}
        .urunlercontent a{text-decoration: none;}
        .sil {clear:both;}

        .content_sol {width: 560px; height: 200px;  background: url(../images/contentsol.png) no-repeat; float: left; }
        .content_sol h1{color:#544f82; font-size: 17px; font-weight: 600; line-height: 25px; padding: 5px 10px;}
        .content_sol p{font-size: 15px;color:#5a5a5a;line-height: 20px;padding-left: 10px;}
        .content_sol p b{font-weight: bold; }
        .content_sol  a{text-decoration: none; font-weight: bold;color:#5a5a5a}

        .referanslar {  width: 350px; height: 100px; float: right; margin-top: -100px; }
        .referanslar img {background: #fff; width:100px; height: 85px; 
         -webkit-box-shadow: 0 0 1px 0px black;
         -moz-box-shadow: 0 0 1px 0px black;
         box-shadow: 0 0 1px 0px black; 
         margin-top: 7px;
         margin-left: 10px;
       }

       .content_sag {
         width: 560px; height: 200px;  
         float: left; background: url(../images/contentsag.png) left no-repeat;
         margin-left: 40px;  
       }
       .content_sag img {float: left;margin-top:-10px;}
       .uretimg { width: 150px; height: 150px; float: left;  position: relative;z-index: 1; }
       .uretimg img {margin:25px 15px 0px 42px}
       .uretimg a{text-align: center; text-decoration: none; line-height: 20px; color:#094180; font-weight: 600;}
       .uretimg h1{ margin-left:  0px;}
       .uretimg a b{font-weight: bold;}
       .uretimap a{text-decoration: none;
        font-weight: bold;
        color: #094180;
        margin-bottom: 19px;
        position: relative;
        top: 68px;
        left: 24px; padding-top: 54px;}
        .uretimap i{position: relative;
          left: 74px;
          top:  -30px;
          font-size: 36px;}


          .footer {width: 100%; height: 150px;  background: #fff;
            -webkit-box-shadow: 0 0 1px 0px black;
            -moz-box-shadow: 0 0 1px 0px black;
            box-shadow: 0 0 1px 0px black; 
            margin-top:40px; 
          }
          .footer img {width:220px;margin-top: 35px; float: left; 
           -webkit-box-reflect: below -5px 
           -webkit-gradient(linear, 0% 0%, 0% 100%, 
             from(transparent), to(rgba(255, 255, 255, 0.296875)));
         }
         .footer_menu { width: 100%; }
         .footer_menu ul{position: relative; right: -40px;}
         .footer_menu ul li{float: left;margin-top: 40px;padding-left: 20px;}
         .footer_menu ul li a{text-decoration: none; color: #000; font-weight: bold; font-size: 15px; }
         .footer_menu ul li a:hover{color:#333;}
         .footer p{  text-indent: 1.5cm;font-size: 14px;  color:#696969;}


         .footer_adres {float:left;margin-left:3px;margin-top:20px;margin-bottom:20px}
         .footer_adres p {margin-top:10px;}

         .footer .sosyal {float:right;margin-top:-30px}
         .footer .sosyal img {width: 40px !important;	}

         .content_icsayfalar{width: 100%; margin-top:20px }
         .content_icsayfalar img{
          -webkit-border-top-left-radius: 5px;
          -webkit-border-bottom-right-radius: 5px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-bottomright: 5px;
          border-top-left-radius: 5px;
          border-bottom-right-radius: 5px;}
          .content_urunler{width: 100%; height: 1370px; margin-top: 15px;}
          .content_urunle img{-webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomright: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;}
            .hizli_menu {width: 300px;   margin-top:40px; 
              top:-30px; display: block;	float: left;  background: #fff;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;	
              position: relative;z-index: 1;
            }
            .hizli_menu ul li a{text-decoration: none; color: #000; padding:14px 20px; display: block; border-top:1px solid #d4d4d4; font-weight: 300; }
            .hizli_menu ul li a:hover , .aktif{background:#ddd ; }
            .hizli_menu ul li .aktif::before {color:#333}
            .hizli_menu ul li a:hover::before {color:#333}
            .hizli_menu ul li a:active{background:#aaa ;color: #fff;}
            .hizli_menu ul h1{padding:17px 24px; background:#e3000f ;color:#fff; font-weight: bold;
              -webkit-border-top-left-radius: 5px;
              -webkit-border-top-right-radius: 5px;
              -moz-border-radius-topleft: 5px;
              -moz-border-radius-topright: 5px;
              border-top-left-radius: 5px;
              border-top-right-radius: 5px;
            }


            .hizli_menu ul li a::before { content: "\f105";margin-right: 4px; font-family: FontAwesome;color:#ddd;}




            .iletisim_radius{-webkit-border-bottom-right-radius: 5px;
              -webkit-border-bottom-left-radius: 5px;
              -moz-border-radius-bottomright: 5px;
              -moz-border-radius-bottomleft: 5px;
              border-bottom-right-radius: 5px;
              border-bottom-left-radius: 5px;
            }
            .hizli_menu:first-child{border:none !important; display: block;}

            .detay_yazi{float: right;width: 780px; padding:10px 25px; margin-top: 60px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              background: #fff;min-height: 400px
            }
            .detay_yazi h1{margin-top:10px;padding-bottom:10px; margin-bottom:20px;font-weight: 400;font-size:25px;border-bottom:1px solid #eee ;}
            .detay_yazi p{   display: block;  line-height: 28px; color:#686868;font-weight: 300;font-size:14px;   float: left;}
            .detay_yazi img{float: left;margin-right: 30px;}

            .detay_yazi_c p{ margin-bottom:20px}
            .detay_yazi_c h3,h2 {font-size:22px;display: block;margin:20px 0;margin-top:30px}


            .breadcrump {float:right;position:relative;margin-top:-50px;margin-right:0px;}
            .breadcrump li {float:left;margin-left:5px;}

            .breadcrump li:first-child:before {content: ''}
            .breadcrump li:before {content: '/';font-size:13px;color:#ddd;margin-right:5px;}
            .breadcrump li a  {font-weight:300;font-size:13px;color:#aaa;text-decoration: none}
            .breadcrump li a:hover  {color:#333;}

            .detay_yazi .urunlercontent {margin-left:0 ;margin-top:20px;margin-bottom: 10px;margin-right: 20px;width: 246px;height: 275px;overflow: hidden}
            .detay_yazi .urunlercontent:nth-child(5n+1) {  margin-right:  0px !important; }

            .urunler {float: right;width: 840px; height: 1150px; margin-top:20px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              background: #fff;
            }
            .urunler h1{padding: 25px 25px; font-weight: bold;}
            .urunler hr{width: 745px; margin: 0 auto;}

            .urunornek { float:left;width: 240px; height: 320px;  background: #fff;
             -webkit-box-shadow: 0 0 1px 0px black;
             -moz-box-shadow: 0 0 1px 0px black;
             box-shadow: 0 0 1px 0px black;
             margin-top: 35px;
             margin-left: 30px;}
             .urunornek img {padding: 5px;}
             .urunornek h2{padding-top: 13px;}
             .urunornek a{text-decoration: none; text-align: center;  display: block; font-weight: bold; color: #686868;}


             .uretimyazi{float: right;width: 840px; height: 690px; margin-top: 20px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              background: #fff;
            }
            .uretimyazi h1{padding: 25px 25px; font-weight: bold;}
            .uretimyazi p{ margin-left: 30px; padding:20px 0px; width: 750px; display: block;  line-height: 25px; color:#686868; float: left;}
            .uretimyazi hr{width: 745px; margin: 0 auto;}


            .teklifyazi{float: right;width: 840px; height: 690px; margin-top: 20px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              background: #fff;
            }
            .teklifyazi h1{padding: 25px 25px; font-weight: bold;}
            .teklifyazi p{ margin-left: 30px; padding:20px 0px; width: 750px; display: block;  line-height: 25px; color:#686868; float: left;}
            .teklifyazi hr{width: 745px; margin: 0 auto;}

            .multimedyayazi{float: right;width: 840px; height: 690px; margin-top: 20px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
              background: #fff;
            }
            .multimedyayazi h1{padding: 25px 25px; font-weight: bold;}
            .multimedyayazi p{ margin-left: 30px; padding:20px 0px; width: 750px; display: block;  line-height: 25px; color:#686868; float: left;}
            .multimedyayazi hr{width: 745px; margin: 0 auto;}

            .iletisim{  margin-top: 20px;}
            .iletisim hr{width: 745px; margin: 0 auto;}
            .iletisim h1{padding: 25px 25px; font-weight: bold;}
            .iletisim p{font-size: 15px; color:#686868; line-height: 40px; padding-left:  0px;margin-right: 20px}




            /* entypo */
            [class*="entypo-"]:before {
             font-family: "entypo", sans-serif;
             text-decoration: none
           }

           #sticky-social {
             right: 0;
             position: fixed;
             top: 150px;
             z-index: 9999
           }
           #sticky-social a {
             background: #333;
             text-decoration: none;
             color: #fff;
             display: block;
             height: 40px;
             font: 19px "Open Sans", sans-serif;
             line-height: 35px;
             position: relative;
             text-align: center;
             z-index: 999999;
             width: 40px;
           }
           #sticky-social a span {
             line-height: 35px;
             right: -100px;
             position: absolute;
             text-align:left;
             width:100px;
             padding-top:3px;
             padding-bottom:2px;
             font-size: 15px;
             z-index:999999999;
             -webkit-transition:all 0.4s

           }
           #sticky-social a:hover span {
             right: 100%;
             z-index:999999;
             position: absolute;
             padding-left:10px;
           }
           #sticky-social a[class*="facebook"],
           #sticky-social a[class*="facebook"]:hover,
           #sticky-social a[class*="facebook"] span { background: #3b5998; }

           #sticky-social a[class*="twitter"],
           #sticky-social a[class*="twitter"]:hover,
           #sticky-social a[class*="twitter"] span { background: #00aced; }

           #sticky-social a[class*="gplus"],
           #sticky-social a[class*="gplus"]:hover,
           #sticky-social a[class*="gplus"] span { background: #dd4b39; }  

           #sticky-social a[class*="linkedin"],
           #sticky-social a[class*="linkedin"]:hover,
           #sticky-social a[class*="linkedin"] span { background: #007bb6; }  

           #sticky-social a[class*="instagrem"],
           #sticky-social a[class*="instagrem"]:hover,
           #sticky-social a[class*="instagrem"] span { background: #517fa4; }  

           #sticky-social a[class*="stumbleupon"],
           #sticky-social a[class*="stumbleupon"]:hover,
           #sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  

           #sticky-social a[class*="pinterest"],
           #sticky-social a[class*="pinterest"]:hover,
           #sticky-social a[class*="pinterest"] span { background: #cc2127; }  

           #sticky-social a[class*="flickr"],
           #sticky-social a[class*="flickr"]:hover,
           #sticky-social a[class*="flickr"] span { background: #ff0084; }  

           #sticky-social a[class*="tumblr"],
           #sticky-social a[class*="tumblr"]:hover,
           #sticky-social a[class*="tumblr"] span { background: #32506d; }




           .mresim {width:230px;float:left;margin-right: 40px;margin-top:15px;margin-bottom:15px;height: 250px}
           .mresim:nth-child(3n+3) {margin-right: 0 !important; }
           .mresim img {width:100%;border:1px solid #eee;padding:4px;}



           .dil {float: right;margin-top: 7px;margin-left: 30px}
           .dil a {float:left;display: block;float: left;margin-right: 10px}
           .dil a img {width: 50px}