@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #666666;
 background:#fff;
 
  font-size:14px;
  padding:0px;
  margin:0px;
}

body > header,
body > section,
body > footer {
  display: block;
  width: 100%;
  clear: both;
  float: left;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0;
}
 
h1,
.h1 {
   font-size: 32px;
 
}

h2,
.h2 {
   font-size: 20px;
 
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
   font-size: 18px;
}
 

a {
  color: #000;
  text-decoration: none; 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header, section {
  border-bottom: 1px solid #eee;
}

header, section, footer {
  border-top: 1px solid #fff;
}

section, footer {
  padding: 30px 0;
}

header h1 a {
  color: #333;
  border-bottom: none;
}

header p {
  margin: 2em 0;
}

.lead {
  font-size: 1.5em;
}
 

.button {
  border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 8px 16px;
  text-shadow: 0 1px 0 #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
}

.button:hover, .button:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

footer p {
  margin: 0;
  font-size: 1em;
}

 
 

.section p {
  margin: 0;
}

.section .unit pre {
  margin: 0;
  padding: 10px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.section .unit pre:hover {
  background: #fc0;
}

.grid, .unit {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.section .unit .grid {
  overflow: hidden;
 
}

.section .unit .grid:first-child {
  border-radius: 5px 5px 0 0;
}

.section .unit .grid:last-child {
  border-radius: 0 0 5px 5px;
}



 
::-moz-selection { background: #b11116; color: #fff; text-shadow: none; }
::selection { background: #b11116; color: #fff; text-shadow: none; }


ul#menu { margin:0 0 0 10px; padding:0; }
ul#menu li{ list-style-type:none; margin:0px; padding:0px; }
ul#menu li a{ float:left; padding:16px; color:#fff; }
ul#menu li a:hover{ background:#fff; color:#b11116;}


@import url(http://fonts.googleapis.com/css?family=Ubuntu:700&subset=latin,latin-ext);

h1#sayfa {
 
   font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 50px;
 
    color: #222;
    letter-spacing: -1px;
    border-bottom: 1px solid #D8D8D8;
	margin-bottom:5px;
}
 
input, textarea {
    float: left;
    width: 100%;
 
    margin: 5px 0px 0px;
    padding: 10px 0px 10px 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-sizing: border-box;
}


.webtalep{  background: url(../images/webtalep.png) right no-repeat; }
.ulasim{  background: url(../images/ulasim.png) right no-repeat; }
.onlinedestek{  background: url(../images/onlinedestek.png) right no-repeat; }
.ik{  background: url(../images/ik.png) right no-repeat; }


.skutu { 
box-shadow: 0px 2px 2px 0px #ECECEC;
background: none repeat scroll 0% 0% #FFF;
border-radius: 3px;
margin-bottom: 15px;
border: 1px solid #DCDCDC; 
}
.skutu:hover { 
border-bottom: 1px solid #900; 
}
 

.circle{
color: #fff;
display: inline-block;
text-align: center;
margin: 3px 1.5px 20px 3px;
}



 
.kucuk {
width: 36px;
height: 36px;
line-height: 36px; 
} 
.orta {
width: 46px;
height: 46px;
line-height: 46px; 
}

.buyuk {
width: 62px;
height: 62px;
line-height: 62px; 
}

.yesil{
background-color: #58B25E;
border-color: #58B25E;
color: #FFFFFF;
}

.mor {
background-color: #A085C6;
border-color: #A085C6;
color: #FFFFFF;
}

.kirmizi {
background-color: #e60001;
border-color: #e60001;
color: #FFFFFF;
}
.ckirmizi {
color: #790004;
}

.mavi {
background-color: #02A1DB;
border-color: #02A1DB;
color: #FFFFFF;
}
 
.turuncu {
background-color: #EF7B45;
border-color: #EF7B45;
color: #FFFFFF;
} 
 
.right { float:right;} 
.left { float:left;} 
 
 .p10 { padding:15px;}
 .p5 { padding:10px;}
 .br5px { border-radius:5px;}
 .bgf5 { background:#f5f5f5;}
 .be8 { border:1px solid #e8e8e8;}
 .h50ovhid { height:70px; overflow:hidden;}
 .h40ovhid { height:44px; overflow:hidden;}
 .h30ovhid { height:30px; overflow:hidden;}
 .h20ovhid { height:20px; overflow:hidden;}
 
 .dfb { margin-top:20px; margin-bottom:10px; display:block; color:#ccc; font-size:12px;}
 .dfb:hover{ color:#000; }
 .fs12 { font-size:12px;}
 .fs14 { font-size:14px;}
 .fs18 { font-size:18px;}
 .color666 { color:#666;}
 .tac { text-align:center;}
 .tar { text-align:right;}
 .tal { text-align:left;}
 
 
 
 #refresim {
height:150px; overflow:hidden; border-radius:0 0 5px 5px;
}

.bbkirmizi { border:1px solid #eee; }
 
 blockquote{
    margin:10px;
    font-size: 16px;
    padding:20px;
	color:#fff;
}
blockquote p{
    margin-bottom: 10px;
}

blockquote:before {
content: "\f10d";
font-size: 30px;
font-family: FontAwesome;
position: absolute;
top: -4px;
left: 20px;
}


hr {
background:url(../images/hrbg.png) center no-repeat;
border-width:0;
height:17px;
text-align:center;
width:100%; 
}

#naviler { float:right; }


#site_alti {
padding-top:20px;
background: #222;
}

 ul.altlist li { list-style-type:none; border-bottom:1px solid #1f1f1f; }
 ul.altlist li a { color:#666; font-size:12px; padding:2px; display:block; }
 ul.altlist li a:hover{ color:#900; }
 
 
.cfff { color:#fff;}  
a.ashver i:hover{ color:#fff;}


/* Buzz */
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.buzz {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz:hover, .buzz:focus, .buzz:active {
  -webkit-animation-name: buzz;
  animation-name: buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}








/* Float */
.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}









/* Pulse */
@-webkit-keyframes pulse {
	25% {-webkit-transform: scale(1.1); transform: scale(1.1);}
	75% {-webkit-transform: scale(0.9); transform: scale(0.9);}
}
@keyframes pulse {
	25% {-webkit-transform: scale(1.1); transform: scale(1.1);}
	75% {-webkit-transform: scale(0.9); transform: scale(0.9);}
}
.pulse {
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse:hover, .pulse:focus, .pulse:active {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}












/* Float Shadow */
.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Hover Shadow */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}