@charset "UTF-8";
/**
	Kod adı hümeyra...
	Has bi renk: mavi #00a0e3;yeşil #95b528;
**/
/*****************   Sistem Fontları   *****************/
*{margin:0;padding:0;}
html{position: relative;min-height: 100%;}
body{margin: 0 0 100px; padding:0;font-weight:normal;background:#b7b7b7 url(../images/bg.jpg) center top repeat-x;font-size:16px;font-family:basic;/*-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important*/}
h1,h2,h3,h4,h5{font-family:exo;}
h1{font-family:basic!important;font-size:25px;color:#0060aa;}
h2{margin:10px;color:#0060aa!important;font-weight:bold;font-size:18px;line-height:25px;}
h3{margin:10px;color:#0060aa!important;font-weight:bold;font-size:18px;line-height:25px;}
h2.anahaberbaslik{margin:0;padding:0;padding:20px 0 0 10px;margin-top:30px;color:#656565;font-family:basic;font-weight:bold;font-size:22px;line-height:30px;}
h2.anahaberbaslik span{background:rgba(255,255,255,0.5);-moz-box-shadow:0 1px 2px #d6d6d6;-webkit-box-shadow:0 1px 2px#ccc;box-shadow:0 1px 2px #d6d6d6;border:1px solid #d6d6d6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px;color:#00a0e3;}
h4{margin:10px 0;padding:0;color:#777!important;font-family:basic;font-weight:bold;font-size:18px;line-height:30px;}
small a:hover{text-decoration: underline}
p{}
span{}
ul{margin:0;padding:0;}
li{margin:0;padding:0;}
a{text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
h3 small{color:#0060aa;}
h1,h2,h3,h4 a{color:#0060aa!important;}
h1,h2,h3,h4 a, small a{color:#0060aa!important;}
a:hover{}
strong{font-weight:bold;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.fc{text-align:center;}
.borderradius3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.borderradius4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.borderradius5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.image{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.center{text-align:center;}
/*****************   Sistem Fontları   *****************/
/*****************   Header - Logo - Top Menu   *****************/

.header{width:100%;margin:0 auto;height:128px;/*position:absolute;top:0;left:0;*/z-index:999;background:url(../images/header_bg.png) center top no-repeat}
.logo{position:absolute;top:0px;left:50%;display:block;float:left;margin-left:-91px;z-index:999;}
.logo a{display:block;}
.topmenu{position:relative;top:0px;display:block;width:50%;}
.topmenu ul{list-style:none;margin:0;padding:0;width:100%;overflow:hidden;text-align:center;}
.topmenu ul li{display: inline;list-style-type: none;padding:0;position:relative;}
.topmenu ul li a{display:inline-block;font-size:14px;color:#ddd;margin:5px 0;padding:10px 5px;font-family:exo;font-weight:600;}
.topmenu ul li a:hover,.topmenu ul li a.aktif{color:#fff;}

.sosyal{position:absolute;left:115px;top:245px;}
.sosyal a{margin:2px;width:32px;height:32px;display:block;float:left;}
.sosyal a.facebook{background:url(../images/facebook_circle_black-32.png) center center no-repeat;}
.sosyal a.facebook:hover{background:url(../images/facebook_circle_color-32.png) center center no-repeat;}
.sosyal a.twitter{background:url(../images/twitter_circle_black-32.png) center center no-repeat;}
.sosyal a.twitter:hover{background:url(../images/twitter_circle_color-32.png) center center no-repeat;}
.sosyal a.googleplus{background:url(../images/google_circle_black-32.png) center center no-repeat;}
.sosyal a.googleplus:hover{background:url(../images/google_circle_color-32.png) center center no-repeat;}

.anaust{}
.slayt{position:relative;width:100%;height:400px;top:-100px;}
.carousel{position:relative;width:100%;height:100px;}
.kutu{background:#e7e9e9;border:2px solid #1963af;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px;width:100%;height:auto;display:inline-block;padding:5px 0 10px;}
.kutu.yari{width:47%;margin:15px 0;}
.kutu h2{border-bottom:1px dotted #333;color:#004eb2;text-transform:uppercase;padding:0;margin-bottom:5px;font-size:15px;}
.kutu h3{color:#004eb2;text-transform:uppercase;padding:0;margin-bottom:5px;font-size:15px;}
.kutu p{color:#525252;padding:0 10px;line-height:25px;margin:0;font-size:13px;}

.anaurunler{list-style:none;width:100%;min-height:150px;display:inline-block;}
.anaurunler i{font-size: 82px;}
.anaurunler li{padding-top:15px; text-align:center;width:150px;float:left;height:120px;margin:10px;}
.anaurunler li img{text-align:center;width:150px;height:100px;}
.anaurunler li a{color:#004eb2; font-size: 16px;}
.anaurunler li a:hover{text-decoration: underline}
.anaurunler li p a{position:relative; top: 8px;}
.anareferans{list-style:square;list-style-position: inside;padding-left:10px;}
.anareferans li{color:#525252;font-size:13px;border-bottom:1px dotted #999;}
.anareferans li:last-child{border:0;}
.sol_kutu h3{color:#fff!important;}
.bayilikler{list-style:none; width:600px; margin: 0 auto; text-align:center;}
.bayilikler li{margin:5px;display:inline-block;width:280px;overflow:hidden; text-align:center;}
.bayilikler li img{width:280px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.bayilikler li:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}
.bayilikler li img:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}

.urunler{list-style:none;}
.urunler li{margin:13px;float:left;width:175px;overflow:hidden;text-align:center;padding:10px 0;border:2px solid transparent;}
.urunler li:hover{border:2px solid #0060aa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#f9f9f9;}


.sol_kutu{background:#004fa2;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px 0;}
.sol_kutu h3{border-bottom:1px solid #eee;display:inline-block;color:#f6f6f6;font-size:14px;}
.sol_kutu ul{list-style-position: inside;list-style:none;}
.sol_kutu ul li{margin:0;}
.sol_kutu ul li.aktif , .sol_kutu ul li:hover{background:#002baf;}
.sol_kutu ul li a{color:#f6f6f6;font-size:15px;font-weight:500;display:block;padding:5px 15px;}
.faayliyet{font-size: 30px!important;}
/*****************   Header - Logo - Top Menu - Slide  *****************/
/*****************   Footer   *****************/

.footer{background:url(../images/footer_bg.png) center bottom no-repeat;width:100%;height:60px;color:#6b6b6b;font-size:14px;font-family:basic; position: absolute;left: 0;bottom: 0;width: 100%;}
.footer a{color:#999;}
.footer .sosyal{color:#999;}
.footer .copyright{text-align:center;padding-top:20px;color:#eee;}
.footer ul.footer_menu{list-style:none;width:500px;}
.footer ul.footer_menu li{float:left;padding:0 5px;border-right:1px solid #777;}
.footer ul.footer_menu li:last-child{float:left;padding:0 5px;border:0;}
.footer ul.footer_menu li a{text-transform:uppercase;color:#6b6b6b;font-weight:bold;font-size:12px;}
.footer ul.footer_menu li a:hover{color:#0053a9;}

/*****************   Footer   *****************/
/*****************   Box   *****************/
/*
.box_ussu{width:777px;height:329px;background:url(../images/box_ussu.png) left top repeat;position:absolute;right:0;top:51px;}
.box_ussu h2{position:absolute;left:50%;bottom:50px;font-size:24px;}
.box{background:url(../images/box_bg.png) left top repeat;padding:15px 15px;margin:0;height:auto;margin-top:380px;min-height:100px;-webkit-border-radius:5px 1px 5px 5px;-moz-border-radius:5px 1px 5px 5px;border-radius:5px 1px 5px 5px;}
.boxx{padding-top:140px;}
.box h1{font-size:24px;color:#00a0e3;font-family:basic;text-align:center;margin:0;padding:0;background: url(../images/breadcrumb.png) center bottom repeat-x;line-height:35px;margin-bottom:15px;padding-bottom:15px;}
.box p{color:#444;font-size:14px;font-family:basic;text-indent:5px;}
.box p img{-moz-box-shadow:0 1px 2px #d6d6d6;-webkit-box-shadow:0 1px 2px#ccc;box-shadow:0 1px 2px #d6d6d6;border:1px solid #d6d6d6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:2px 15px;}
.galeriresim{width:225px;height:150px;float:left;overflow:hidden;margin:6px;-moz-box-shadow:0 1px 2px #d6d6d6;-webkit-box-shadow:0 1px 2px#ccc;box-shadow:0 1px 2px #d6d6d6;border:1px solid #d6d6d6;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:table-row;}
.galeriresim a{}
.galeriresim img{width:225px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
*/
/*****************   Box   *****************/
/*****************   İletişim   *****************/

.gmap{width:100%;height:350px;-moz-box-shadow: 0 0 5px 3px #ccc;-webkit-box-shadow: 0 0 5px 3px#ccc;box-shadow: 0 0 5px 3px #ccc;margin-bottom:40px;}
.iletisimform{width:100%;display:block;}
p.adres{margin:0;padding:0;padding-left:20px;background:url(../images/adress.png) left center no-repeat;line-height:30px;}
p.telefon{margin:0;padding:0;padding-left:20px;background:url(../images/phone.png) left center no-repeat;line-height:30px;width:45%;float:left;}
p.fax{margin:0;padding:0;padding-left:20px;background:url(../images/fax.png) left center no-repeat;line-height:30px;width:45%;float:left;}
p.gsm{margin:0;padding:0;padding-left:20px;background:url(../images/gsm.png) left center no-repeat;line-height:30px;width:45%;float:left;}
p.mail{margin:0;padding:0;padding-left:20px;background:url(../images/mail.png) left center no-repeat;line-height:30px;width:45%;float:left;}

/*****************   İletişim   *****************/
/*****************   Turlar Kutusu   *****************/
/*
.turkutular{padding:20px 0 30px;display:inline-block;}
.turkutu{float:left;width:221px;margin:5px 5px;position:relative;font-family: "basic Condensed";padding:0;}
.turkutu a {outline:none;display:block;position: relative;text-decoration:none;}
.turkutu .image img {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:220px;height:120px;-moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow: 0px 0px 5px #888;box-shadow: 0px 0px 5px #888;}
.turkutu .title{position:absolute;width:220px;bottom:0;font-size:18px;font-weight:600;color:#fff;font-family:basic;text-transform:uppercase;text-align:center;	background:url(../images/title_bg.png) center center repeat;padding:3px 0;-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.turkutu:hover .title{color:#00a0e3!important;}
.turdetay{}
.turdetay img.buyukresim{width:100%;/*-moz-box-shadow: 0 0 5px 3px #ccc;-webkit-box-shadow: 0 0 5px 3px#ccc;box-shadow: 0 0 5px 3px #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.turdetay .turrez{width:99.8%;display:inline-block;line-height:50px;border:1px solid #ddd;background:url(../images/box_bg.png) center top repeat-y;margin:10px 0;color:#555;}
.turdetay .konum{float:left;padding:0 10px;}
.turdetay .rez{float:right;padding:10px;}
.turdetay .rez button{margin:0;padding:0;}
*/
/*****************   Turlar Kutusu   *****************/
/*****************   Efekt   *****************/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
70%{-webkit-transform:perspective(400px) rotateY(10deg);}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-moz-transform:perspective(400px) rotateY(-10deg);}
70%{-moz-transform:perspective(400px) rotateY(10deg);}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{-o-transform:perspective(400px) rotateY(-10deg);}
70%{-o-transform:perspective(400px) rotateY(10deg);}
100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;}
}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;}
40%{transform:perspective(400px) rotateY(-10deg);}
70%{transform:perspective(400px) rotateY(10deg);}
100%{transform:perspective(400px) rotateY(0deg);opacity:1;}
}
.flipInY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);}
70%{-webkit-transform:scale(.9);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);}
50%{opacity:1;-moz-transform:scale(1.05);}
70%{-moz-transform:scale(.9);}
100%{-moz-transform:scale(1);}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);}
50%{opacity:1;-o-transform:scale(1.05);}
70%{-o-transform:scale(.9);}
100%{-o-transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}
50%{opacity:1;transform:scale(1.05);}
70%{transform:scale(.9);}
100%{transform:scale(1);}
}
.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px);}
60%{opacity:1;-moz-transform:translateY(30px);}
80%{-moz-transform:translateY(-10px);}
100%{-moz-transform:translateY(0);}
}
@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px);}
60%{opacity:1;-o-transform:translateY(30px);}
80%{-o-transform:translateY(-10px);}
100%{-o-transform:translateY(0);}
}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px);}
60%{opacity:1;transform:translateY(30px);}
80%{transform:translateY(-10px);}
100%{transform:translateY(0);}
}
.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);}
20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{0%, 100%{-moz-transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);}
20%, 40%, 60%, 80%{-moz-transform:translateX(10px);}
}
@-o-keyframes shake{0%, 100%{-o-transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-10px);}
20%, 40%, 60%, 80%{-o-transform:translateX(10px);}
}
@keyframes shake{0%, 100%{transform:translateX(0);}
10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);}
20%, 40%, 60%, 80%{transform:translateX(10px);}
}
.efekt3{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake;}
.efekt3{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:500ms;-moz-animation-duration:500ms;-ms-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms;-webkit-animation-duration:2000ms;-moz-animation-duration:2000ms;-ms-animation-duration:2000ms;-o-animation-duration:2000ms;animation-duration:2000ms;}
@keyframes spin{0%{transform:rotateY(0deg);}
100%{transform:rotateY(360deg);}
}
@-moz-keyframes spin{0%{-moz-transform:rotateY(0deg);}
100%{-moz-transform:rotateY(360deg);}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0deg);}
100%{-webkit-transform:rotateY(360deg);}
}
.efekt2, .ozL:hover .ozI{animation:spin 2s linear infinite normal;-moz-animation:spin 2s linear infinite normal;-webkit-animation:spin 2s linear infinite normal;display:inline-block;}
.efekt1{-webkit-animation:efekt1 800ms both;-moz-animation:efekt1 800ms both;-o-animation:efekt1 800ms both;animation:efekt1 800ms both;-webkit-animation-delay:200ms;-moz-animation-delay:200ms;-o-animation-delay:200ms;animation-delay:200ms;}
@-webkit-keyframes efekt1{0%{-webkit-transform:rotateX(90deg);}
100%{-webkit-transform:rotateX(0deg);}
}
@-moz-keyframes efekt1{0%{-moz-transform:rotateX(90deg);}
100%{-moz-transform:rotateX(0deg);}
}
@-o-keyframes efekt1{0%{-o-transform:rotateX(90deg);}
100%{-o-transform:rotateX(0deg);}
}
@keyframes efekt1{0%{transform:rotateX(90deg);}
100%{transform:rotateX(0deg);}
}
@-webkit-keyframes yavas{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes yavas{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes yavas{0%{opacity:0;}
100%{opacity:1;}
}
.efekt4, img{-webkit-animation:yavas 1s ease both;-moz-animation:yavas 1s ease both;animation:yavas 1s ease both;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;}
.efekt4-2{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s;}

/*****************   Efekt   *****************/