@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext);body{background:#e1e1e1;color:#5f5f5f;font-family:'PT Sans', sans-serif;}
a{text-decoration:none;}
.anacerceve{background:#fff;box-shadow:0 0 3px #000;border-top:1px solid #000;}
.main{background-color:#fff;box-shadow:0 0 2px #000;position:relative;}
#siteBaslik{background:#fff none repeat scroll 0 0;clear:both;min-height:143px;position:relative;z-index:1000;}
#siteBaslik .form-search input[type="text"]{background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 1px #ddd inset;color:#b4b0b0;display:inline-block;font-size:16px;height:20px;line-height:11px;margin-bottom:0;outline:medium none;padding-left:14px;padding-right:18px;vertical-align:middle;width:100px;}
#siteBaslik .form-search .btn{background-color:#fff;border:medium none;box-shadow:none;cursor:pointer;padding:0;position:absolute;right:4px;text-shadow:none;top:4px;width:16px;}
#siteBaslik-top{background:rgba(0, 0, 0, 0) url("../images/top-fade.jpg") repeat-x scroll center bottom;border-bottom:1px solid #777;font:13px/1.231 sans-serif;height:26px;width:100%;}
#siteBaslik-top-nav ul{list-style:outside none none;margin:0 auto;overflow:hidden;padding:0;}
#siteBaslik-top-nav ul.left{float:left;}
#siteBaslik-top-nav ul.right{float:right;}
#siteBaslik-top-nav ul.right li:last-child a{border-right:medium none;}
#siteBaslik-top-nav ul li{float:left;line-height:normal;}
#siteBaslik-top-nav ul li a{border-right:1px solid #dadbda;color:#444;display:block;font-size:12px;font-weight:700;height:14px;padding:6px 10px;text-decoration:none;}
#siteBaslik-top-nav ul li a:hover{color:#08c;}
#siteBaslik-logo{left:0;margin-top:10px;text-align:center;width:210px;height:113px;}
#siteBaslik-logo abbr{color:#555;display:block;font:13px/25px "Roboto Condensed";height:25px;margin:0 auto 1px;width:193px;}
#siteBaslik-banner{height:90px;position:absolute;right:0;top:40px;width:728px;}
#siteBaslik-kategori{background:#333 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;border-bottom:3px solid #c0161c;bottom:0;font-size:14px;left:0;position:absolute;width:100%;}
#siteBaslik-kategori ul{list-style:outside none none;margin:0;padding:0;}
#siteBaslik-kategori-list > li{float:left;line-height:normal;}
#siteBaslik-kategori-list > li > a{float:left;height:34px;}
#siteBaslik-kategori-list li.home a{background:#222 none repeat scroll 0 0;color:#fff;line-height:34px;padding:0 7px;text-decoration:none;}
#siteBaslik-kategori-list > li > a{color:#fff;line-height:34px;padding:0 7px;text-decoration:none;}
#siteBaslik-kategori-list > li > a:hover{color:#BBBBBB;line-height:34px;padding:0 7px;text-decoration:none;}
#siteBaslik-kategori #nav .diger{}
#siteBaslik-kategori #nav .diger a{float:left;line-height:normal;color:#fff;line-height:34px;padding:0 9px;text-decoration:none;}
#siteBaslik-kategori #nav ul{background-color:#000;display:none;position:absolute;right:0;top:34px;visibility:hidden;width:100px;}
#siteBaslik-kategori #nav ul ul{top:0px;left:170px;display:none;visibility:hidden;border:1px solid #DDDDDD;}
#siteBaslik-kategori #nav ul ul ul{top:0px;left:170px;display:none;visibility:hidden;border:1px solid #DDDDDD;}
#siteBaslik-kategori #nav ul li{display:block;visibility:visible;}
#siteBaslik-kategori #nav li:hover > ul{display:block;visibility:visible;}
.siteSurmanset{position:relative;height: 335px;width:950px;}
.siteSurmanset .viewport{height: 335px;overflow:hidden;position:relative;width:950px;}
.siteSurmanset .overview{height: 335px;overflow:hidden;position:relative;width:950px;}
.siteSurmanset .overview li{float:left;}
.siteSurmanset .overview li a{color:#fff;display:block;position:relative;width:950px;}
.siteSurmanset .overview li a img{border-right:1px solid #dadbda;display:block;font-size:0;height: 335px;position:relative;width: 950px;}
.siteSurmanset .pager{position:absolute;right:0px;bottom: 6px;width: auto;z-index:5;}
.siteSurmanset .pager li{float:left;}
.siteSurmanset .pager li a{background-color: rgba(0,0,0,0.6);border:medium none;border-radius:5px;color: #FFF;display:block;float:left;font-size: 16px;-webkit-border-radius: 50%; */      -khtml-border-radius: 50%;      -moz-border-radius: 50%;      -ms-border-radius: 50%;      -o-border-radius: 50%;      border-radius: 50%;font-weight:700;height: 29px;line-height: 29px;margin-bottom:4px;margin-right:5px;text-align:center;width: 31px;}
.siteSurmanset .pager li.active a{background-color:#c80127;color:#fff;text-decoration:none;text-shadow:none;}
.siteSurmanset .pager li.all{color:#c80127;float:right;}
.siteSurmanset .pager li.all a{color:#333;width:86px;}
#sliderHaberler ul li{background:white none repeat scroll 0 0;line-height:14pt;overflow:hidden;}
#sliderHaberler ul li a{color:#333;display:block;}
#sliderHaberler ul li a:hover{color:#b30000;text-decoration:none;}
#sliderHaberler ul li a img{float:left;width:100%;}
#sliderHaberler span{bottom:0;color:#fff;font-size:16px;height:35px;line-height:17px;padding:5px;position:absolute;right:0;text-align:center;vertical-align:bottom;width:220px;}
#sliderHaberler .shadow{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0px, rgba(31, 31, 31, 0) 31%, rgba(61, 61, 61, 0.41) 61%, rgba(0, 0, 0, 0.95) 100%) repeat scroll 0 0;bottom:0;display:block;height:100%;left:0;position:absolute;width:96%;}
.siteMansetHaberler{float:left;height: 337px;width:630px;}
.siteMansetHaberler .viewport{border-right:1px solid #c9c9c9;height: 300px;margin-bottom:1px;overflow:hidden;position:relative;width:629px;}
.siteMansetHaberler .overview{height:310px;left:0;position:absolute;top:0;}
.siteMansetHaberler .overview li{float:left;height: 300px;width:630px;}
.siteMansetHaberler .overview li a{color:#fff;display:block;height:310px;position:relative;width:630px;}
.siteMansetHaberler .overview li a img{border-color:#c9c9c9;border-image:none;border-style:solid solid none;border-width:1px;display:block;font-size:0;height: 300px;position:relative;width:630px;}
.siteMansetHaberler .overview li a .tl{bottom:0;display:block;height:60px;left:0;position:absolute;width:630px;}
.siteMansetHaberler .overview li a .title{bottom:0;display:block;font-size:26px;font-weight:700;height:60px;/*!  */line-height:60px;position:absolute;width:620px;z-index:2;background-color: rgba(0, 0, 0, 0.5);padding-left: 10px;}
.siteMansetHaberler .overview li a:hover{text-decoration:none;}
.siteMansetHaberler .pager{background-color:#f0f0f0;border-color:#c9c9c9;border-image:none;border-style:none solid solid;border-width:medium 1px 1px;clear:both;height: 30px;list-style:outside none none;margin:0;padding:0;}
.siteMansetHaberler .pager li{border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;float:left;}
.siteMansetHaberler .pager li.sep{width:2px;}
.siteMansetHaberler .pager li a{color:#333;display:block;font-size:15px;font-weight:700;height:28px;line-height:30px;text-align:center;width: 25px;}
.siteMansetHaberler .pager li.active{background-color:#da2128;}
.siteMansetHaberler .pager li.active a{color:#fff;text-decoration:none;text-shadow:none;}
.siteMansetHaberler .pager li.all{color:#c9c9c9;float:right;}
.siteMansetHaberler .pager li.all a{color:#333;width: 54px;}
.siteMansetHaberlerKucuk{float:right;height: 330px;margin-bottom:10px;position:relative;width:310px;}
.base_side .siteMansetHaberlerKucuk{float:none;}
.siteMansetHaberlerKucuk .caption{color:#fff;font-weight:700;height:34px;left:19px;line-height:34px;overflow:hidden;position:absolute;top:5px;width:262px;}
.siteMansetHaberlerKucuk .viewport{height: 300px;overflow:hidden;position:relative;width:310px;}
.siteMansetHaberlerKucuk .overview{height: 300px;left:0;position:absolute;top:0;}
.siteMansetHaberlerKucuk .overview li{float:left;height: 300px;width:310px;}
.siteMansetHaberlerKucuk .overview li a.image{display:block;margin-bottom:4px;}
.siteMansetHaberlerKucuk .overview li a.image img{-webkit-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);height: 300px;width:310px;}
.siteMansetHaberlerKucuk .overview li a.title{display:block;font-size:16px;font-weight:700;height:45px;line-height:45px;overflow:hidden;text-align:center;width:310px;}
.siteMansetHaberlerKucuk .overview li a p{float:left;position:absolute;bottom: 0px;color:#fff;padding:5px;text-shadow: 1px 1px 0px #000;width:300px;font-size:20px;background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0;}
.siteMansetHaberlerKucuk .buttons{background-repeat:no-repeat;cursor:pointer;font-size:18px;height:30px;position:absolute;}
.siteMansetHaberlerKucuk .prev{background-position:right top;left:0px;line-height:30px;padding-left:95px;}
.siteMansetHaberlerKucuk .next{line-height:30px;padding-right:105px;right:0;}
.siteMansetHaberlerKucuk .pager2{bottom: 14px;color:#2d2d2d;font-size:16px;font-weight:700;height:17px;left:121px;line-height:30px;position:absolute;text-align:center;width:58px;}
.siteMansetHaberlerKucuk .pager2:hover{color:#000;}
.siteMansetHaberlerKucuk .numaralar{background-color:#f0f0f0;border-color:#c9c9c9;border-image:none;border-style:none solid solid;border-width:medium 1px 1px;clear:both;height:30px;list-style:outside none none;margin:0;padding:0;}
.siteBuyukhaberler{}
.siteBuyukhaberler ul li{-webkit-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);height:225px;margin-bottom:5px;position:relative;text-align:center;overflow:hidden;}
.siteBuyukhaberler li a{background-color:#f8f7f6;color:#000;font-size:14px;}
.siteBuyukhaberler li a span{background-color:#fff;border-radius:3px;font-size:14px;opacity:0.5;padding-left:5px;padding-right:5px;position:absolute;right:10px;top:10px;}   
.siteBuyukhaberler li a span:hover{background-color:#da2128;color:#fff;}
.siteBuyukhaberler li a h3{font-size:17px;}
.siteBuyukhaberler li a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}.siteBuyukhaberler li a img{width:310px;display:block;font-size:0;position:relative;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.siteKisim{}
.siteKisim .videoBaslik{background:#3a3a3a repeat-x scroll center bottom;color:#fff;font-size:18px;font-weight:700;height:40px;}
.siteKisim .videoBaslik a{ color:#fff}
.siteKisim .videoBaslik span{line-height:40px;margin-left:12px;}
.siteGaleri{width:630px;}
.siteGaleri .viewport{height:335px;margin-bottom:1px;overflow:hidden;position:relative;width:629px;}
.siteGaleri .overview{height:335px;left:0;position:absolute;top:0;}
.siteGaleri .overview li{float:left;height:335px;margin:0 17px;width:595px;}
.siteGaleri .overview li a{color:#fff;display:block;position:relative;}
.siteGaleri .overview li a img{display:block;font-size:0;position:relative;}
.siteGaleri .overview li a .tl{bottom:0;display:block;height:60px;left:0;position:absolute;}
.siteGaleri .overview li a .title{background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0;bottom:0;font-size:22px;font-weight:bold;padding:0 15px 15px;position:absolute;text-align:center;width:565px;z-index:2;}
.siteGaleri .overview li a:hover{text-decoration:none;}
.siteGaleri .pager{clear:both;height:50px;list-style:outside none none;margin:15px 0 0;padding:0;}
.siteGaleri .pager li{float:left;margin-left:17px;}
.siteGaleri .pager li.sep{width:2px;}
.siteGaleri .pager li a{color:#333;display:block;font-size:15px;font-weight:700;height:50px;line-height:30px;text-align:center;width:85px;}
.siteGaleri .pager li.active{}
.siteGaleri .pager li.active a{border-bottom:3px solid #ebebeb;}
.siteGaleri .pager li.all{color:#c9c9c9;float:right;}
.siteGaleri .pager li.all a{color:#333;width:86px;}
.siteGaleri .videoicon{font-size:95px;}
.siteGaleri .fotoicon{font-size:65px;}
.siteModul{margin-bottom:5px;border-bottom:1px solid #dcdcdc;}
.siteModul .kirmizi{background:#da2128 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;width: 100%;height: 35px;float: left;}
.siteModul .yesil{background:#098654 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;height: 35px;}
.siteModul .mavi{background:#16709e url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;height: 35px;}
.siteModul .baslik span {
 font-size:16px;
 font-weight:700;
 height: 38px;
 line-height:32px;
 float: left;
 margin-left: 16px;
 color:#fff;
}
.siteModul .baslik span.secili{
 background-image: url("../images/icon1.png");
 background-repeat: no-repeat;
 background-position: bottom center;}
.siteModul .baslik span i{font-size:18px;}
.siteModul .baslik .okunanlar{float:right;height: 38px;width: 100%;}
.siteModul .baslik .okunanlar span a{
   color: #FFF;
   font-size: 11px;
   background-color: #D40000;
   padding: 3px 11px;
   }
.siteModul .baslik .okunanlar span a:hover{color:#BBBBBB;}
.siteModul ul{box-shadow:inset -2px 1px 0px 0px #ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);background-color:#ffffff;border-left:1px solid #dcdcdc;font-size:12px;height:215px;list-style:inherit;overflow-x:hidden;padding:10px;}
.siteModul ul li{border-bottom:1px solid #ccc;list-style: outside none square;margin-bottom:5px;margin-left:15px;padding-bottom:5px;}
.siteModul ul li a{color:#000;line-height:16px;}
.siteModul ul li a:hover{color:#df333a;}
#namazVakitleri{background:#fff url("../images/modul-namaz.jpg") repeat-x scroll center bottom;color:#000;height:200px;margin-left:0;padding:0 5px;}
#namazVakitleri .hizala{padding-left:15px;padding-top:15px;}
#namazVakitleri #Sure{height:25px;width:115px;}
#namazVakitleri #vakitadi{float:left;}
#namazVakitleri #saat{float:right;}
.siteModul2{margin-bottom:5px;border-bottom:1px solid #dcdcdc;}
.siteModul2 .kirmizi{background:#da2128 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;}
.siteModul2 .yesil{background:#098654 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;}
.siteModul2 .mavi{background:#16709e url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;}
.siteModul2 .baslik span{text-shadow:1px 1px 0px rgba(0, 0, 0, 1);color:#fff;font-size:16px;font-weight:700;height:34px;line-height:32px;margin-left:12px;}
.siteModul2 .baslik span i{font-size:18px;}
.siteModul2 .baslik .okunanlar{float:right;height:25px;width:115px;}
.siteModul2 .baslik .okunanlar span a{color:#fff;font-size:12px;}
.siteModul2 .baslik .okunanlar span a:hover{color:#BBBBBB;}
.siteModul2 .arkaplan{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);background-color:#ffffff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-shadow:-2px 1px 0 0 #ffffff inset;}
#ligsonuclari{background-color:#fff;list-style:outside none none;padding:0;margin:0;position:fixed;width:100%;}
#ligsonuclari li{float:left;padding:0 7px 9px;text-align:center;}
.puan-tablosu{width:100%;}
.puan-tablosu h2{border-bottom:1px solid #dcdcdc;color:#333;font-size:20px;padding-bottom:5px;padding-top:5px;text-align:center;}
.puan-tablosu ul{color:#333;font:12px Arial;list-style:outside none none;margin:0;padding:0;}
.puan-tablosu ul li{float:left;font-size:12px;padding:5px 0 3px;width:100%;}
.puan-tablosu li.c{font-size:14px;font-weight:bold !important;}
.puan-tablosu li.s{background:none repeat scroll 0 0 #eee !important;}
.puan-tablosu li span{float:left;}
.puan-tablosu li i{display:inline-block;float:left;margin:0 5px;text-align:center;width:23px;}
.puan-tablosu .fr{float:right !important;}
.puan-tablosu h1{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;padding:2px;}
.puan-tablosu ul#tabs{list-style-type:none;padding:0;text-align:center;}
.puan-tablosu ul#tabs li{background-color:#32c896;border-bottom:5px solid #238b68;color:#fff;cursor:pointer;display:inline-block;margin-bottom:4px;padding:5px 20px;}
.puan-tablosu ul#tabs li:hover{background-color:#238b68;}
.puan-tablosu ul#tabs li.active{background-color:#238b68;}
.puan-tablosu ul#tab{list-style-type:none;margin:0;padding:0;}
.puan-tablosu ul#tab li{display:none;}
.puan-tablosu ul#tab li.active{display:block;}
.siteHabericerik a{color:#000;}
.siteHabericerik a:hover{color:#da2128;}
.siteHabericerik .kategori{font-size:14px;height:30px;line-height:30px;}
.siteHabericerik .kategori li{color:#333;float:left;letter-spacing:-1px;margin-right:5px;}
.siteHabericerik .kategori li span{color:#ff6161;font-size:16px;padding-left:5px;}
.siteHabericerik .icerik{padding-top:10px;    margin-bottom: 10px;}
.siteHabericerik h1{color:#000;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:34px;margin:10px 0;padding:0;}
.siteHabericerik h2{font-size:20px;font-weight:normal;letter-spacing:-1px;line-height:24px;margin:10px 0;padding:0;}
.siteHabericerik img{border:1px solid #eee;max-width:100%;}
.siteHabericerik .bilgi{background-color:#f0f0f0;border-color:#c9c9c9;border-image:none;border-style:none solid solid;border-width:medium 1px 1px;clear:both;height:25px;list-style:outside none none;margin-bottom:0;margin-left:0;margin-right:0;padding:5px 0 0 5px;}
.siteHabericerik .social{display:inline-block;margin-bottom:2px;width:100%;}
.siteHabericerik .social.alt{margin-bottom:5px;}
.siteHabericerik .social li{float:left;margin-left:1px;position:relative;z-index:2;}
.siteHabericerik .social li{}
.siteHabericerik .social li:first-child{margin:0;}
.siteHabericerik .social li .sub{height:0;left:0;overflow:hidden;padding-top:1px;position:absolute;top:32px;transition:all 0.3s ease 0s;}
.siteHabericerik .social li:hover .sub{height:32px !important;}
.siteHabericerik .social li.face .sub{width:163px;}
.siteHabericerik .social li .sub a{color:#fff;float:left;font-size:15px;padding:0 5px;}
.siteHabericerik .social li .sub span{background:#617bab none repeat scroll 0 0;box-sizing:border-box;display:inline-block;font-weight:normal;height:27px;padding:4px 4px 0;    width: 170px;}
.siteHabericerik.social li .sub span{background:#395998 none repeat scroll 0 0;}
.siteHabericerik .social li.tweet .sub span{background:#54b7e4 none repeat scroll 0 0;}
.siteHabericerik .social li.google .sub span{background:#e47061 none repeat scroll 0 0;}
.siteHabericerik .social li.google .sub span{background:#df4b32 none repeat scroll 0 0;}
.siteHabericerik .social li.face .sub span iframe{display:block;height:27px;margin:0 !important;padding:0 !important;}
.siteHabericerik .social li > a{background:#617bab url("../images/iDetay.png") no-repeat scroll 0 0;color:#fff;display:block;font-size:15px;height:32px;line-height:32px;padding-left:32px;text-align:center;}
.siteHabericerik .social li > a{background-color:#395998;background-position:center 0;padding-left:40px;}
.siteHabericerik .social li.tweet > a{background-color:#54b7e4;background-position:left -52px;}
.siteHabericerik .social li.tweet > a{background-color:#1ca4df;background-position:center -52px;padding-left:40px;}
.siteHabericerik .social li.google > a{background-color:#e47061;background-position:left -104px;}
.siteHabericerik .social li.google > a{background-color:#df4b32;background-position:center -104px;padding-left:40px;}
.siteHabericerik .social li.bk > a{background:#2f475f none repeat scroll 0 0;float:right;font-size:26px;padding:0;width:32px;}
.siteHabericerik .social li.bk > a{background:#37516a none repeat scroll 0 0;}
.siteHabericerik .social li.bk > a:first-child + a{font-size:13px;}
.siteHabericerik .social li.bk > a:first-child + a{background:#283d53 none repeat scroll 0 0;}
.siteHabericerik .social li.yorum > a{background:#004b98 none repeat scroll 0 0;font-size:12px;padding-left:40px;width:85px;}
.siteHabericerik .social li.yorum > a::before{background:url("../images/iDetay.png") no-repeat scroll 0 -270px;content:"";height:32px;left:32px;position:absolute;top:0;width:35px;}
.siteHabericerik .social li.yorum > a::before{left:12px;}
.siteHabericerik .social li.print > a{background-color:#ff9933;background-position:6px -190px;padding:0;width:32px;}
.siteHabericerik .social li.print > a{background-position:5px -190px;width:40px;}
.siteHabericerik .social li.print .sub{left:auto;padding-top:1px;right:0;}
.siteHabericerik .social li.print .sub span{background:#ffad5c none repeat scroll 0 0;color:#fff;display:block;height:29px;text-align:center;width:64px;}
.siteHabericerik .social li.print .sub span a, .siteHabericerik .social li.mail .sub span a{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;float:none;font-size:14px;padding:0;}
.siteHabericerik .social li.mail > a{background-color:#7f3f98;background-position:6px -231px;padding:0;width:32px;}
.siteHabericerik .social li.mail > a{background-color:#d11919;background-position:5px -231px;width:40px;}
.siteHabericerik .social li.mail .sub{left:auto;padding-top:1px;right:0;}
.siteHabericerik .social li.mail .sub{left:0;right:auto;}
.siteHabericerik .social li.mail .sub span{background:#9866ad none repeat scroll 0 0;color:#fff;display:block;height:29px;text-align:center;width:125px;}
.siteHabericerik .social li.mail .sub span{background:#d11919 none repeat scroll 0 0;}
.yorumyap{border:1px solid #eee;margin: 5px 0;padding: 5px 10px;}
.yorumyap h1{color:#c00;font-size:24px;font-weight:bold;line-height:18px;margin-bottom: 5px;}
.yorumyap p{display:block;padding-bottom: 5px;}
.yorumyap input{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;display:block;margin-bottom:5px;padding:5px;vertical-align:middle;width:80%;}
.yorumyap textarea{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;margin-bottom:5px;padding:5px;resize:none;vertical-align:top;width:98%;}
.yorumyap .buttongonder{background-image:linear-gradient(to bottom, #8c0000 0px, #600 100%);background-repeat:repeat-x;border-color:#b30000;border-radius:3px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);color:#fdfdff !important;cursor:pointer;display:inline-block;font-size:11px;height:26px;line-height:normal;padding:0;text-align:center;text-shadow:0 -1px 0 rgba(179, 45, 0, 0.2);text-transform:none;width:60px;}
.comments li{border-bottom:1px solid #ccc;font-size:14px;}
.comments li:last-child{border-bottom:0px;font-size:14px;}
.comments .sol{float:left;font-size:12px;font-weight:bold;margin:10px 10px 10px 0;text-align:center;width:70px;}
.yorumcuAd{width:100px;}
.comments .ysag{float:left;padding-bottom:10px;padding-top:10px;width:525px;}
.comments .ysag p{font-weight:bold;}
.comments .ysag .tarih{font-size: 11px;}
.comments .YorumHeader{font-size:16px;font-weight:bold;}
.comments .sag span{display:block;font-size:12px;}
.comments .like{color:green;font-weight:bold;}
.comments .yorumText{line-height:20px;padding-bottom:10px;}
#commentform label{display:block;}
#commentform .text-input{margin-bottom:8px;padding:8px 5px;vertical-align:middle;}
#commentform .textarea{margin-bottom:10px;padding:8px 5px;vertical-align:top;}
.siteGazete{-webkit-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);border-right:medium none;display:block;float:left;margin-right:0;margin-top:0;padding-top:0;position:relative;width:630px;}
.siteGazete .viewport{height:165px;overflow:hidden;position:relative;width:630px;}
.siteGazete .overview{height:195px;left:0;position:absolute;top:0;width:880px;}
.siteGazete ul li{border-right:medium none;display:block;float:left;height:160px;margin-left:7px;margin-right:0;margin-top:0;padding-top:0;position:relative;width:147px;}
.siteGazete ul li a{display:inline-block;float:left;height:100%;position:relative;text-align:center;width:100%;}
.siteGazete ul li .gazeteArkaplan{background-image:url("../images/gazeteArkaplan.png");display:inline-block;height:102px;margin-top:20px;position:relative;text-align:center;width:130px;}
.siteGazete ul li .gazeteResim{background:rgba(0, 0, 0, 0) none no-repeat scroll center 2px/119px 199px;display:inline-block;height:98px;overflow:hidden;position:relative;width:123px;}
.siteGazete ul li .gazeteGolge{background:url("../images/gazeteGolge.png") repeat-x scroll left bottom;bottom:0;display:inline-block;left:9px;position:absolute;right:3px;top:0;z-index:3;}
.siteGazete ul li img{bottom:0;left:0;margin-left:4px;margin-top:1px;position:absolute;right:0;top:0;z-index:1;}
.siteGazete ul li strong{background-color:transparent;color:#5a5a5a;display:inline-block;font-size:14px;font-weight:700;height:30px;line-height:30px;padding:0;position:static;text-align:center;width:100%;}
.siteGazete .buttons{cursor:pointer;font-size:30px;position:absolute;top:60px;z-index:1;}
.siteGazete .prev{left:5px;}
.siteGazete .next{right:5px;}
.yazar{-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);background-color:#ffffff;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #dcdcdc;text-shadow:1px 0 0 #000;height:70px;position:relative;}
.yazar:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);background-color:#f6f6f6;}
.yazar img{height:auto;margin-left:10px;position:absolute;top:10px;width:50px;}
.yazar .detay{left:70px;position:absolute;top:10px;}
.yazar .detay .adi{color:#da2128;display:block;font-weight:bold;}
.yazar .detay .eposta{color:#666;font-size:12px;}
.siteYazarlar{-webkit-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);-moz-box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);box-shadow:inset 0px 0px 0px 1px rgba(201,201,201,1);border-right:medium none;display:block;float:left;margin-right:0;margin-top:0;padding-top:0;position:relative;width:630px;}
.siteYazarlar .viewport{height:165px;overflow:hidden;position:relative;width:630px;}
.siteYazarlar .overview{height:195px;left:0;position:absolute;top:0;width:880px;}
.siteYazarlar ul li{border-right:medium none;display:block;float:left;height:160px;margin-left:7px;margin-right:0;margin-top:0;padding-top:0;position:relative;width:147px;}
.siteYazarlar ul li a{display:inline-block;float:left;height:100%;position:relative;text-align:center;width:100%;}
.siteYazarlar ul li .gazeteArkaplan{background-image:url("../images/gazeteArkaplan.png");display:inline-block;height:102px;margin-top:20px;position:relative;text-align:center;width:130px;}
.siteYazarlar ul li .gazeteResim{background:rgba(0, 0, 0, 0) none no-repeat scroll center 2px/119px 199px;display:inline-block;height:98px;overflow:hidden;position:relative;width:123px;}
.siteYazarlar ul li .gazeteGolge{background:url("../images/gazeteGolge.png") repeat-x scroll left bottom;bottom:0;display:inline-block;left:9px;position:absolute;right:3px;top:0;z-index:3;}
.siteYazarlar ul li img{bottom:0;left:0;margin-left:4px;margin-top:1px;position:absolute;right:0;top:0;z-index:1;}
.siteYazarlar ul li strong{background-color:transparent;color:#5a5a5a;display:inline-block;font-size:14px;font-weight:700;height:30px;line-height:30px;padding:0;position:static;text-align:center;width:100%;}
.siteYazarlar .buttons{cursor:pointer;font-size:30px;position:absolute;top:60px;z-index:1;}
.siteYazarlar .prev{left:5px;}
.siteYazarlar .next{right:5px;}
.footer1{background-color:#2d2d2d;border:0 solid #2d2d2d;border-radius:0 0 5px 5px;margin:0 5px 5px;}
.footer1 h2{color:#CCCCCC;font-size:16px;}
.footer1 li{}
.footer1 a{color:#fff;display:block;font-size:14px;line-height:20px;}
.footer1 a:hover{color:#535362;}
#footer{color:#555;line-height:20px;margin:0 auto;}
.finside{font-size:15px;margin:0 auto;padding:20px 0 0;position:relative;width:960px;}
.finside-left{float:left;padding-left:10px;width:495px;}
.finside-left .entry{clear:both;color:#888;font-size:13px;font-weight:400;padding-left:10px;}
.finside-right{float:right;font-size:15px;margin-right:10px;text-align:right;width:395px;}
.finside-right .address i.fa{width:20px;}
.finside .menu ul{list-style-type:none;margin:0;padding:0;}
.finside .menu ul li{float:left;}
.finside .menu ul li a{color:#555;display:block;padding:0 10px;}
.finside .menu ul li a:hover{color:#888;}
.fcopy{border-top:1px solid #dbdedf;color:#999;font-size:12px;height:60px;padding:10px 0 0 10px;text-align:center;}
.flogo{left:420px;position:absolute;top:10px;}
.flogo img{height:40px;width:auto;}
.fnew-entry{height:54px;left:401px;position:absolute;text-align:center;top:105px;width:193px;}
.Reklam300x250{float:left;height:250px;margin-bottom:5px;margin-right:10px;margin-top:5px;}
.ReklamMenu{padding:5px;margin-bottom:5px;background-color:#e8e8e8;}
.ReklamAra{padding:5px;margin-bottom:5px;}
#kule-banner{height:100%;position:fixed;width:100%;z-index:1;top:0px;}
#kule-banner .sagreklam, #kule-banner .solreklam{float:left;height:100%;width:50%;}
#kule-banner .solreklam .reklam{display:block;padding-right:485px;text-align:right;z-index:3;}
#kule-banner .sagreklam .reklam{display:block;padding-left:485px;text-align:left;}
#kule-banner .solreklam > div{float:right !important;}
#kule{float:right;height:600px;margin-left:-205px;position:fixed;top:0;width:200px;}
.gri{background-color:#e5e5e5;}
.amavi{background-color:#006dcc;}
.kategoriliste{float:left;width:100%;}
.kategoriliste li{background-color:#fafafa;border-bottom:1px solid #c9c9c9;float:left;margin:0 5px 5px 0;overflow:hidden;padding-bottom:5px;position:relative;width:100%;}
.kategoriliste li:hover{color:#000;}
.kategoriliste .imgwrap{float:left;width:167px;}


    
.kategoriliste li .ti{color: #b30000;float: left;font-size: 18px;line-height: 18px;overflow: hidden;padding: 5px;width: 450px;}
.kategoriliste li .spot{color:#999;float:left;font-size:14px;overflow:hidden;padding:5px;width:450px;}
.kategoriliste li .date{color:#000;float:right;font-size:14px;overflow:hidden;padding:5px;width:185px;}
.kategoriliste li .tiu{color:#b30000;float:left;font-size:18px;height:15px;line-height:15px;overflow:hidden;padding:5px;width:620px;}
.kategoriliste li .spotu{color:#999;float:left;font-size:14px;overflow:hidden;padding:5px;width:620px;}
.kategoriliste li .dateu{color:#000;float:right;font-size:14px;overflow:hidden;padding:5px;width:185px;}
.pagination{margin:20px 0;text-align:center;}
.pagination ul{border-radius:4px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);display:inline-block;margin-bottom:0;margin-left:0;}
.pagination ul > li{display:inline;}
.pagination ul > li > a, .pagination ul > li > span{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#ddd;border-image:none;border-style:solid;border-width:1px 1px 1px 0;float:left;line-height:20px;padding:4px 10px;text-decoration:none;}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span{background-color:#f5f5f5;}
.pagination ul > .active > a, .pagination ul > .active > span{color:#999;cursor:default;}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus{background-color:transparent;color:#999;cursor:default;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span{border-bottom-left-radius:4px;border-left-width:1px;border-top-left-radius:4px;}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
#kunye{border:1px solid #d0d0d0;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:15px;padding-bottom:5px;width:612px;}
#kunye .cerveve{margin:5px 0 0 5px;}
#kunye .baslik{border:1px solid red;float:left;font-weight:bold;padding:19px 0;text-align:center;width:196px;}
#kunye .bilgi{border:1px solid red;float:left;margin-left:5px;padding:14px 0;text-align:center;width:397px;clear:none;}
#kunye .bilgilogo{border:1px solid red;float:left;margin-left:5px;padding:5px 0;text-align:center;width:397px;}
#kunye .bilgiyayin{background-color:#a8cbf5;border:1px solid red;float:left;margin-left:5px;padding:4px 0 5px;text-align:center;width:397px;}
#kunye .bilgiicerik{border:1px solid red;float:left;margin-left:5px;padding:11px 0;text-align:center;width:397px;}
#kunye .baslikyayin{border:1px solid red;float:left;font-weight:bold;padding:11px 0;text-align:center;width:196px;}
#kunye .basliklogo{border:1px solid red;float:left;font-weight:bold;padding:21px 0 20px;text-align:center;width:196px;}
#kunye .bilgiuc{border:1px solid red;float:left;margin-left:5px;padding:3px 0;text-align:center;width:397px;}
#kunye .baslikuc{border:1px solid red;float:left;font-weight:bold;padding:19px 0;text-align:center;width:196px;}
.fotoDetay{float:left;background-color:#333;width:930px;padding:10px;}
.fotoDetay img{float:left;width:615px;}
.fotoDetay h2{float:left;color:#fff;width:308px;padding-left:5px;font-size:25px;font-weight:bold;margin-top:0;}
.fotoDetay .aciklama{float:left;width:308px;color:#fff;padding-left:5px;}
.fotoDetay .sayfala{float:left;width:100%;}
.sondakika{color:#fff;font-size:30px;font-weight:200;letter-spacing:1px;padding:5px 0;text-align:center;vertical-align:middle;}
.uyari{background:#000 none repeat scroll 0 0;color:#fff;font-weight:bold;height:20px;text-align:center;}
.CSSTableGenerator{}
.CSSTableGenerator table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0px;padding:0px;}
.CSSTableGenerator tr:nth-child(odd){background-color:#26C9FF;}
.CSSTableGenerator tr:nth-child(even){background-color:#ffffff;}
.CSSTableGenerator td{vertical-align:middle;border:1px solid #000000;border-width:0px 1px 1px 0px;text-align:left;padding:5px;font-size:12px;font-family:Arial;color:#000000;}.CSSTableGenerator tr:last-child td{border-width:0px 1px 0px 0px;}.CSSTableGenerator tr td:last-child{border-width:0px 0px 1px 0px;}.CSSTableGenerator tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
.CSSTableGenerator tr:first-child td{border-width:0 0 1px 1px;color:#ffffff;font-weight:bold;text-align:center;}
.CSSTableGenerator tr:first-child td:first-child{border-width:0px 0px 1px 0px;}
.CSSTableGenerator tr:first-child td:last-child{border-width:0px 0px 1px 1px;}
body{-webkit-backface-visibility:hidden;}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@-moz-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@-o-keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
@keyframes flash{0%, 50%, 100%{opacity:1;}
25%, 75%{opacity:0;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-20px);}
}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0);}
100%{opacity:0;-moz-transform:translateX(-20px);}
}
@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0);}
100%{opacity:0;-o-transform:translateX(-20px);}
}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(-20px);}
}
.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;}
@-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);}
}
.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);}
40%{-moz-transform:translateY(-30px);}
60%{-moz-transform:translateY(-15px);}
}
@-o-keyframes bounce{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0);}
40%{-o-transform:translateY(-30px);}
60%{-o-transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
40%{transform:translateY(-30px);}
60%{transform:translateY(-15px);}
}
.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{0%{-o-transform:scale(1);}
10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
100%{-o-transform:scale(1) rotate(0);}
}
@keyframes tada{0%{transform:scale(1);}
10%, 20%{transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}
100%{transform:scale(1) rotate(0);}
}
.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada;}
@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center;}
20%{-webkit-transform:rotate(15deg);}
40%{-webkit-transform:rotate(-10deg);}
60%{-webkit-transform:rotate(5deg);}
80%{-webkit-transform:rotate(-5deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);}
40%{-moz-transform:rotate(-10deg);}
60%{-moz-transform:rotate(5deg);}
80%{-moz-transform:rotate(-5deg);}
100%{-moz-transform:rotate(0deg);}
}
@-o-keyframes swing{20%{-o-transform:rotate(15deg);}
40%{-o-transform:rotate(-10deg);}
60%{-o-transform:rotate(5deg);}
80%{-o-transform:rotate(-5deg);}
100%{-o-transform:rotate(0deg);}
}
@keyframes swing{20%{transform:rotate(15deg);}
40%{transform:rotate(-10deg);}
60%{transform:rotate(5deg);}
80%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}
.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing;}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);}
30%{-webkit-transform:translateX(20%) rotate(3deg);}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);}
60%{-webkit-transform:translateX(10%) rotate(2deg);}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);}
100%{-webkit-transform:translateX(0%);}
}
@-moz-keyframes wobble{0%{-moz-transform:translateX(0%);}
15%{-moz-transform:translateX(-25%) rotate(-5deg);}
30%{-moz-transform:translateX(20%) rotate(3deg);}
45%{-moz-transform:translateX(-15%) rotate(-3deg);}
60%{-moz-transform:translateX(10%) rotate(2deg);}
75%{-moz-transform:translateX(-5%) rotate(-1deg);}
100%{-moz-transform:translateX(0%);}
}
@-o-keyframes wobble{0%{-o-transform:translateX(0%);}
15%{-o-transform:translateX(-25%) rotate(-5deg);}
30%{-o-transform:translateX(20%) rotate(3deg);}
45%{-o-transform:translateX(-15%) rotate(-3deg);}
60%{-o-transform:translateX(10%) rotate(2deg);}
75%{-o-transform:translateX(-5%) rotate(-1deg);}
100%{-o-transform:translateX(0%);}
}
@keyframes wobble{0%{transform:translateX(0%);}
15%{transform:translateX(-25%) rotate(-5deg);}
30%{transform:translateX(20%) rotate(3deg);}
45%{transform:translateX(-15%) rotate(-3deg);}
60%{transform:translateX(10%) rotate(2deg);}
75%{transform:translateX(-5%) rotate(-1deg);}
100%{transform:translateX(0%);}
}
.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble;}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes pulse{0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@-o-keyframes pulse{0%{-o-transform:scale(1);}
50%{-o-transform:scale(1.1);}
100%{-o-transform:scale(1);}
}
@keyframes pulse{0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}
.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse;}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;}
100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;}
}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out;}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out;}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in;}
100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in;}
}
@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out;}
40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out;}
50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in;}
80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in;}
100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in;}
}
@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out;}
40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out;}
50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;}
80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in;}
100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in;}
}
.flip{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
70%{-webkit-transform:perspective(400px) rotateX(10deg);}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-moz-transform:perspective(400px) rotateX(-10deg);}
70%{-moz-transform:perspective(400px) rotateX(10deg);}
100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{-o-transform:perspective(400px) rotateX(-10deg);}
70%{-o-transform:perspective(400px) rotateX(10deg);}
100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;}
}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0;}
40%{transform:perspective(400px) rotateX(-10deg);}
70%{transform:perspective(400px) rotateX(10deg);}
100%{transform:perspective(400px) rotateX(0deg);opacity:1;}
}
.flipInX{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX;}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1;}
100%{transform:perspective(400px) rotateX(90deg);opacity:0;}
}
.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible !important;-o-animation-name:flipOutX;-o-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important;}
@-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 flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1;}
100%{transform:perspective(400px) rotateY(90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible !important;-moz-animation-name:flipOutY;-o-backface-visibility:visible !important;-o-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}
100%{opacity:1;transform:translateY(0);}
}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);}
100%{opacity:1;transform:translateY(0);}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px);}
100%{opacity:1;transform:translateY(0);}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px);}
100%{opacity:1;transform:translateX(0);}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-20px);}
}
@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(-20px);}
}
@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0);}
100%{opacity:0;-o-transform:translateY(-20px);}
}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(-20px);}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp;}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(20px);}
}
@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(20px);}
}
@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0);}
100%{opacity:0;-o-transform:translateY(20px);}
}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(20px);}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(20px);}
}
@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0);}
100%{opacity:0;-moz-transform:translateX(20px);}
}
@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0);}
100%{opacity:0;-o-transform:translateX(20px);}
}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(20px);}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight;}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(-2000px);}
}
@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(-2000px);}
}
@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0);}
100%{opacity:0;-o-transform:translateY(-2000px);}
}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(-2000px);}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(2000px);}
}
@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0);}
100%{opacity:0;-moz-transform:translateY(2000px);}
}
@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0);}
100%{opacity:0;-o-transform:translateY(2000px);}
}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0);}
100%{opacity:0;transform:translateY(2000px);}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(-2000px);}
}
@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0);}
100%{opacity:0;-moz-transform:translateX(-2000px);}
}
@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0);}
100%{opacity:0;-o-transform:translateX(-2000px);}
}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(-2000px);}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);}
100%{opacity:0;-webkit-transform:translateX(2000px);}
}
@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0);}
100%{opacity:0;-moz-transform:translateX(2000px);}
}
@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0);}
100%{opacity:0;-o-transform:translateX(2000px);}
}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0);}
100%{opacity:0;transform:translateX(2000px);}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}
@-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 bounceInUp{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 bounceInUp{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 bounceInUp{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 bounceInUp{0%{opacity:0;transform:translateY(2000px);}
60%{opacity:1;transform:translateY(-30px);}
80%{transform:translateY(10px);}
100%{transform:translateY(0);}
}
.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp;}
@-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 bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}
60%{opacity:1;-moz-transform:translateX(30px);}
80%{-moz-transform:translateX(-10px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}
60%{opacity:1;-o-transform:translateX(30px);}
80%{-o-transform:translateX(-10px);}
100%{-o-transform:translateX(0);}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);}
60%{opacity:1;transform:translateX(30px);}
80%{transform:translateX(-10px);}
100%{transform:translateX(0);}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);}
100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px);}
60%{opacity:1;-moz-transform:translateX(-30px);}
80%{-moz-transform:translateX(10px);}
100%{-moz-transform:translateX(0);}
}
@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px);}
60%{opacity:1;-o-transform:translateX(-30px);}
80%{-o-transform:translateX(10px);}
100%{-o-transform:translateX(0);}
}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);}
60%{opacity:1;transform:translateX(-30px);}
80%{transform:translateX(10px);}
100%{transform:translateX(0);}
}
.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);}
25%{-webkit-transform:scale(.95);}
50%{opacity:1;-webkit-transform:scale(1.1);}
100%{opacity:0;-webkit-transform:scale(.3);}
}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1);}
25%{-moz-transform:scale(.95);}
50%{opacity:1;-moz-transform:scale(1.1);}
100%{opacity:0;-moz-transform:scale(.3);}
}
@-o-keyframes bounceOut{0%{-o-transform:scale(1);}
25%{-o-transform:scale(.95);}
50%{opacity:1;-o-transform:scale(1.1);}
100%{opacity:0;-o-transform:scale(.3);}
}
@keyframes bounceOut{0%{transform:scale(1);}
25%{transform:scale(.95);}
50%{opacity:1;transform:scale(1.1);}
100%{opacity:0;transform:scale(.3);}
}
.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(20px);}
100%{opacity:0;-webkit-transform:translateY(-2000px);}
}
@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);}
20%{opacity:1;-moz-transform:translateY(20px);}
100%{opacity:0;-moz-transform:translateY(-2000px);}
}
@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);}
20%{opacity:1;-o-transform:translateY(20px);}
100%{opacity:0;-o-transform:translateY(-2000px);}
}
@keyframes bounceOutUp{0%{transform:translateY(0);}
20%{opacity:1;transform:translateY(20px);}
100%{opacity:0;transform:translateY(-2000px);}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp;}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);}
20%{opacity:1;-webkit-transform:translateY(-20px);}
100%{opacity:0;-webkit-transform:translateY(2000px);}
}
@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0);}
20%{opacity:1;-moz-transform:translateY(-20px);}
100%{opacity:0;-moz-transform:translateY(2000px);}
}
@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0);}
20%{opacity:1;-o-transform:translateY(-20px);}
100%{opacity:0;-o-transform:translateY(2000px);}
}
@keyframes bounceOutDown{0%{transform:translateY(0);}
20%{opacity:1;transform:translateY(-20px);}
100%{opacity:0;transform:translateY(2000px);}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown;}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(20px);}
100%{opacity:0;-webkit-transform:translateX(-2000px);}
}
@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);}
20%{opacity:1;-moz-transform:translateX(20px);}
100%{opacity:0;-moz-transform:translateX(-2000px);}
}
@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);}
20%{opacity:1;-o-transform:translateX(20px);}
100%{opacity:0;-o-transform:translateX(-2000px);}
}
@keyframes bounceOutLeft{0%{transform:translateX(0);}
20%{opacity:1;transform:translateX(20px);}
100%{opacity:0;transform:translateX(-2000px);}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);}
20%{opacity:1;-webkit-transform:translateX(-20px);}
100%{opacity:0;-webkit-transform:translateX(2000px);}
}
@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0);}
20%{opacity:1;-moz-transform:translateX(-20px);}
100%{opacity:0;-moz-transform:translateX(2000px);}
}
@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0);}
20%{opacity:1;-o-transform:translateX(-20px);}
100%{opacity:0;-o-transform:translateX(2000px);}
}
@keyframes bounceOutRight{0%{transform:translateX(0);}
20%{opacity:1;transform:translateX(-20px);}
100%{opacity:0;transform:translateX(2000px);}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0;}
100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0;}
100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0;}
100%{transform-origin:center center;transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}
100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}
100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}
100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}
100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}
}
@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}
}
@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}
100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0;}
}
@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;}
100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}
}
.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}
100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}
100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}
100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}
100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}
20%, 60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}
40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}
80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}
100%{-webkit-transform:translateY(700px);opacity:0;}
}
@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}
20%, 60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}
40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}
80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}
100%{-moz-transform:translateY(700px);opacity:0;}
}
@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}
20%, 60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}
40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}
80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}
100%{-o-transform:translateY(700px);opacity:0;}
}
@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out;}
20%, 60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out;}
40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;}
80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out;}
100%{transform:translateY(700px);opacity:0;}
}
.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge;}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}
}
@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}
}
@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}
}
@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg);}
100%{opacity:1;transform:translateX(0px) rotate(0deg);}
}
.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn;}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);}
}
@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg);}
}
@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}
100%{opacity:0;-o-transform:translateX(100%) rotate(120deg);}
}
@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);}
100%{opacity:0;transform:translateX(100%) rotate(120deg);}
}
.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;}
}
@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1;}
}
@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{-o-transform:translateX(0%) skewX(0deg);opacity:1;}
}
@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0;}
60%{transform:translateX(-20%) skewX(30deg);opacity:1;}
80%{transform:translateX(0%) skewX(-15deg);opacity:1;}
100%{transform:translateX(0%) skewX(0deg);opacity:1;}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;}
.animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1;}
100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0;}
}
@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1;}
100%{transform:translateX(100%) skewX(-30deg);opacity:0;}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;}
.animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s;}
@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg);}
10%{-webkit-transform:skewX(-8deg);}
20%{-webkit-transform:skewX(7deg);}
30%{-webkit-transform:skewX(-6deg);}
40%{-webkit-transform:skewX(5deg);}
50%{-webkit-transform:skewX(-4deg);}
60%{-webkit-transform:skewX(3deg);}
70%{-webkit-transform:skewX(-2deg);}
80%{-webkit-transform:skewX(1deg);}
90%{-webkit-transform:skewX(0deg);}
100%{-webkit-transform:skewX(0deg);}
}
@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg);}
10%{-moz-transform:skewX(-8deg);}
20%{-moz-transform:skewX(7deg);}
30%{-moz-transform:skewX(-6deg);}
40%{-moz-transform:skewX(5deg);}
50%{-moz-transform:skewX(-4deg);}
60%{-moz-transform:skewX(3deg);}
70%{-moz-transform:skewX(-2deg);}
80%{-moz-transform:skewX(1deg);}
90%{-moz-transform:skewX(0deg);}
100%{-moz-transform:skewX(0deg);}
}
@-o-keyframes wiggle{0%{-o-transform:skewX(9deg);}
10%{-o-transform:skewX(-8deg);}
20%{-o-transform:skewX(7deg);}
30%{-o-transform:skewX(-6deg);}
40%{-o-transform:skewX(5deg);}
50%{-o-transform:skewX(-4deg);}
60%{-o-transform:skewX(3deg);}
70%{-o-transform:skewX(-2deg);}
80%{-o-transform:skewX(1deg);}
90%{-o-transform:skewX(0deg);}
100%{-o-transform:skewX(0deg);}
}
@keyframes wiggle{0%{transform:skewX(9deg);}
10%{transform:skewX(-8deg);}
20%{transform:skewX(7deg);}
30%{transform:skewX(-6deg);}
40%{transform:skewX(5deg);}
50%{transform:skewX(-4deg);}
60%{transform:skewX(3deg);}
70%{transform:skewX(-2deg);}
80%{transform:skewX(1deg);}
90%{transform:skewX(0deg);}
100%{transform:skewX(0deg);}
}
.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;}
.animated.wiggle{-webkit-animation-duration:0.75s;-moz-animation-duration:0.75s;-o-animation-duration:0.75s;animation-duration:0.75s;}
.siteSayfabasi{bottom:10px;color:#000000;display:none;font-size:41px;left:0;padding-left:10px;position:fixed;text-decoration:none;}
.siteSayfabasi:hover{color:#da2128;}
.ilgiCeker{-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3);position:fixed;bottom:5px;right:0px;background-color:#FFF;width:300px;z-index:99999;height:180px;display:none;}
.ilgiCeker li{float:left;width:97%;margin:4px;overflow:hidden;}
.ilgiCeker li img{float:left;width:126px;height:65px;}
.ilgiCeker li p{float:left;width:155px;padding:0 5px;font-size:16px;height:65px;overflow:hidden;color:#000;}
.ilgiCeker li:hover p{text-decoration:underline}
.ilgiCeker span{float:left;width:97%;font-size:18px;padding:5px;color:#fff;background:#333 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;border-bottom:3px solid #c0161c;}
.ilgiCeker span i{float:right;cursor:pointer;}
.Yazarlar .kirmizi{background:#da2128 url("../images/siteMenuarkaplan.png") repeat-x scroll center bottom;}
.Yazarlar .baslik span{color:#fff;font-size:16px;font-weight:700;height:34px;line-height:32px;margin-left:12px;text-shadow:1px 1px 0 rgba(0, 0, 0, 1);}
.author_side{padding-top:0px;}
.author_side .viewport{height:292px;margin-bottom:7px;overflow:hidden;position:relative;width:310px;}
.author_side .overview{position:absolute;top:0;}
.author_side .overview li{background:#ffffff linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%) repeat scroll 0 0;border:1px solid #dcdcdc;box-shadow:0 1px 0 0 #ffffff inset;float:left;height:71px;width:308px;}
.author_side .overview .image{display:block;float:right;height:62px;}
.author_side .overview .image img{height:65px;margin:4px;width:60px;}
.author_side .overview .content{color:#818181;display:block;float:left;height:48px;line-height:16px;margin:10px 0 0 10px;overflow:hidden;width:210px;}
.author_side .overview .content span{color:#000;display:block;font-weight:700;}
.side_tiny_pager{height:40px;margin:0 2px;}
.side_tiny_pager .buttons{background-color:transparent;background-repeat:no-repeat;cursor:pointer;float:left;height:23px;width:22px;}
.side_tiny_pager .prev{background-position:left -40px;}
.side_tiny_pager .next{background-position:left -63px;float:right;}
.side_tiny_pager .pager{float:left;height:23px;text-align:center;width:252px;}
.side_tiny_pager .pager .pagenum{border:1px solid #c9c9c9;cursor:pointer;display:inline-block;height:23px;line-height:23px;margin:0 2px;text-align:center;width:22px;}
.side_tiny_pager .pager .active{background-color:#da2128;color:#fff;}
.yazarDetay{background-image:url("../images/yazarArkaplan.jpg");border-color:#c9c9c9;border-image:none;border-style:solid;border-width:1px;display:block;font-size:0;height:160px;position:relative;width:630px;}
.yazarDetay img{height:145px;margin-right:5px;position:absolute;right:0;top:5px;}
.yazarDetay h1{color:#000;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:34px;margin:10px 0;padding:0 5px;width:435px;}
.yazarDetay h3{bottom:0;color:#000;font-size:20px;letter-spacing:-1px;line-height:34px;padding:0 5px;position:absolute;width:435px;}
.yazarDiger{border:1px solid #eee;margin:10px 0;padding:10px;}
.yazarDiger .baslik{color:#c00;font-size:24px;font-weight:bold;line-height:18px;margin-bottom:10px;}
.yazarDiger h1{color:#000;font-size:16px;letter-spacing:0px;font-weight:700;height:22px;line-height:22px;margin:0;}
.yazarDiger h1 span{float:right;font-size:12px;font-weight:500;padding-right:5px;}
.sosyalAglar {
    float: left;
    width: 950px;
    border-top: 1px solid #ddd;
    margin-top: 13px;
	margin:5px;
}
.sosyalAglar div h2{
    padding-top: 2px;
    border-bottom: 3px solid #D40000;
    font: bold 16px/25px Arial;
    color: #313131;
    padding: 5px;
    margin: 5px;
}
.sosyalAglar ul {
    float: left;
    padding: 5px;
	width:100%
	
}
.sosyalAglar ul  li {
 float: left;
 width: 33%;
 height: 50px;
 padding-top: 8px;
 border-right: 1px dotted #ccc;text-align: center;

}
.sosyalAglar ul  li  h3{
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.Mgaleri {height: 265px !important;}
.Mgaleri .viewport { height:234px !important;}
.Mgaleri .overview { height:253px !important;}
.Mgaleri img { height:232px  !important;}
.Mgaleri p {    bottom: 20px !important;}
.Vgaleri {height: 205px !important;}
.Vgaleri .viewport { height:176px  !important;}
.Vgaleri .overview { height:200px  !important;}
.Vgaleri img { height:175px  !important;}
.Vgaleri p {    bottom: 20px !important;}