/* Xatai Nostalgiya */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
body {
background: #F0F0F0 url(../images/fon.png); padding-top:55px;
}
h1, h2, h3, h4, h5 {line-height: normal;}
h1 {font-size: 1.25em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.15em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
a {color: #398dd8; text-decoration: none;}
a:hover {text-decoration: none;}
a img {border: 0 none;}
textarea {resize: vertical;}
input, textarea, select, button, body {font: 12px Arial, Helvetica, sans-serif;}
input, textarea, select, button, a {outline: none;}
p {margin-bottom: 0.4em;}
ul {margin: 0; list-style: none;}

/* Sayt strukturu */
.struktur {max-width:1530px; margin:0 auto;}
.main {width:100%; background: #DCDBDB url(../images/mainfon.png);}

/* Header */
.header {width:100%; height:55px; color:#fff; position:fixed; z-index:100; top:0px; left:0px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); background: url(../images/headerfon.png); transform: translate3d(0,0,0);}
.headeric {max-width:1530px; height:55px; margin:0 auto;}
.logo {padding:10px; width:140px; float:left;}
.logo a {display:block; height: 30px;}
.logo img {width:140px;}
.menu {float:left;}
.menu>ul>li {display: inline-block; font-size: 15px; position:relative; padding:10px 0;}
.menu>ul>li>a {color:#fff; height: 33px; line-height: 33px; padding: 0 10px; display:inline-block; border: 1px solid rgba(255, 255, 255, 0);}
.menu>ul>li>a:hover, .menu>ul>li>a.active {border-radius: 3px; border: 1px solid rgba(139, 139, 139, 1); background-color: rgba(255,255,255,0.15);}
.menu li.sublnk ul {display:none; position:absolute; background-color:#000; opacity:0.8; border-radius: 3px; margin-top:5px; width:220px; padding: 10px;}
.menu li.sublnk ul li {height:33px; width:110px; float:left;}
.menu li.sublnk ul li a {display:block; height:33px; line-height: 33px; color:#fff; padding:0 10px; border-radius: 3px;}
.menu li.sublnk ul li a:hover, .menu li.sublnk ul li a.active {background-color: #636363;}
.axtar {float: right;}
.axtargir {height:55px; line-height:55px; position:relative;}
.axtargir input {width:158px; border: 1px solid #F5F5F5; height: 27px; padding: 5px 24px 5px 5px; background-color: #ccc; box-sizing:border-box; vertical-align: middle;}
.axtargir button {width:20px; height:20px; background: url(../images/axtar.svg); display: inline-block; position: absolute; top: 18px; right: 3px; cursor:pointer; padding: 0px; margin: 0px; border: 0px;}
.soc {height:55px; float:right; line-height: 55px;}
.soc a {display: inline-block; margin-right: 10px; vertical-align: middle;}
.soc .fbkikon {width:27px; height:27px; background: url(../images/facebookpg.svg); background-size:cover;}
.soc .inmikon {width:27px; height:27px; background: url(../images/instagrampg.svg); background-size:cover;}
.soc div:hover {background-position:50% 100%;}

/* Slider */
.gallery {margin-top:15px;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}
.flickity-viewport {overflow: hidden; position: relative;height: 100%;}
.flickity-slider {position: absolute; width: 100%;height: 100%;}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {position: absolute; top: 42%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: hsla(0, 0%, 100%, 0.75); cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button:hover {background: white;}
.flickity-prev-next-button:focus {outline: none; box-shadow: 0 0 0 5px #09F;}
.flickity-prev-next-button:active {filter: alpha(opacity=60); opacity: 0.6;}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {left: auto; right: 10px;}
.flickity-rtl .flickity-prev-next-button.next {right: auto; left: 10px;}
.flickity-prev-next-button:disabled { filter: alpha(opacity=30); opacity: 0.3; cursor: auto;}
.flickity-prev-next-button svg {position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;}
.flickity-prev-next-button .arrow {fill: #333;}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {color: #333; font-size: 26px;}
/* ---- page dots ---- */
.flickity-page-dots {width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height: 45px; line-height: 45px;}
.flickity-rtl .flickity-page-dots {direction: rtl;}
.flickity-page-dots .dot {display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); opacity: 0.25; cursor: pointer;} 
.flickity-page-dots .dot.is-selected {filter: alpha(opacity=100); opacity: 1;}
.gallery {background: #EEE; margin-bottom:15px; -webkit-box-shadow: 0px 14px 20px -11px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 14px 20px -11px rgba(0,0,0,0.4);
box-shadow: 0px 14px 20px -11px rgba(0,0,0,0.4);}
.gallery-cell {height:394px; margin:0px 5px; border: 3px solid #000;}
.gallery img {display: block; height: 394px;}
/* Slider caption */
.gallery-cell figcaption {position: absolute; top: 0; left: 0; width: 100%;height: 100%; text-align:center; color: #fff;}
.gallery-cell a {display:block; height:100%; cursor:inherit;}
.gallery-cell figcaption::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0,0,0,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0,0,0,0.8) 75%);
	content: '';
	opacity: 0;
    -webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.gallery-cell:hover figcaption::before {opacity: 1;}
.gallery-cell h2 {position: absolute; bottom: 10px; left: 0; color: rgba(0, 0, 0, 0.94); width:100%; padding:10px 20px; box-sizing:border-box; font-size: 18px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s, background-color 0.35s;
    background-color: rgba(255, 255, 255, 0.78);
}
.gallery-cell:hover h2 {color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    background-color:rgba(255, 255, 255, 0);
}

/* Kontent */
.sirala {margin-bottom:15px;}
.kontent {width:50%; float:left;}
.kontentic {margin: 2%; border: 2px solid #616161; border-bottom:0px; box-sizing:border-box; -webkit-box-shadow: 0px 0px 33px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 33px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 33px 2px rgba(0,0,0,0.75);}
.kontent h1 {min-height: 43px; font-size: 18px; line-height: 23px; font-weight:normal;}
.kontent h1 a {display:block; color:#fff; padding: 10px; background: #616161 url(../images/panelfon.png);}
.kontent .imhov {display:block; overflow:hidden;}
.kontent img {width:100%; display:block;
-webkit-transition: all 5s ease-out;
transition: all 5s ease-out;}
.kontent img:hover {-ms-transform: scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.bildiris {background: #616161 url(../images/panelfon.png);}
.bildiris ul li {float:left; text-align: center; -webkit-transition: text-shadow 0.5s ease; transition: text-shadow 0.5s ease}
.bildiris ul li:hover {text-shadow: 0 0 10px #fff;}
.bildiris ul li a {display:block; padding: 7px; height: 26px;}
.beyen, .serh {width:33%;}
.beyenikon {background: url(../images/beyen.svg) no-repeat; width: 26px; height: 26px; display: inline-block;}
.actived {text-shadow: 0 0 10px #fff;}
.actived .beyenikon {background-position:50% 100%;}
.say {line-height: 26px; vertical-align: top; padding:0 0 0 5px; color:#fff;}
.say, .say span {display:inline-block; font-size: 25px;}
.baxis {border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing:border-box; width:34%;}
.baxisikon {background: url(../images/baxis.svg) no-repeat; width: 26px; height: 26px; display: inline-block;}
.serhikon {background: url(../images/serh.svg) no-repeat; width: 26px; height: 26px; display: inline-block;}
.sosialpaylasim {position: absolute; left: 2.8%; width: 8.8%;}
.sosialpaylasim ul li {width: 100%; text-align: center; margin-bottom: 10px; border-radius: 2px; -webkit-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.75);
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;}
.sosialpaylasim ul>li>a {padding: 7px 0; color: #fff; width: 100%; height: 100%; display: block;}
.sosialpaylasim ul li.facebook {background-color: #3468af;}
.sosialpaylasim ul li.facebook:hover {background-color:#2B558E;}
.sosialpaylasim ul li.twitter {background-color: #4fc4f6;}
.sosialpaylasim ul li.twitter:hover {background-color:#3DA0CA;}
.sosialpaylasim ul li.googleplus {background-color: #DA4D2F;}
.sosialpaylasim ul li.googleplus:hover {background-color: #BE452B;}
span.facebook-ikon {background: url(../images/facebook.svg) no-repeat; width:20px; height:20px; display: inline-block;}
span.twitter-ikon {background: url(../images/twitter.svg) no-repeat; width:20px; height:20px; display: inline-block;}
span.googleplus-ikon {background: url(../images/googleplus.svg) no-repeat; width:20px; height:20px; display: inline-block;}
span.sosialyazi {padding-top: 3px; display: block; font-size: 12px;}

/* 1-lik */
.kontent.deyis1 {width:100%;}
/* 2-lik */
.kontent.deyis2 {width:50%;}
/* 3-luk */
.kontent.deyis3 {width:33.333%;}
.kontent.deyis3 span.sosialyazi {display:none;}
/* 4-luk */
.kontent.deyis4 {width:25%;}
.kontent.deyis4 span.sosialyazi {display:none;}
.kontent.deyis4 .bildiris ul li a {padding: 4px 1px; height: 23px;}
.kontent.deyis4 .beyenikon, .kontent.deyis4 .baxisikon, .kontent.deyis4 .serhikon {width: 23px; height: 23px;}
.kontent.deyis4 .say, .kontent.deyis4 .say span {line-height: 23px; font-size:19px;}
/* 5-lik */
.kontent.deyis5 {width:20%;}
.kontent.deyis5 span.sosialyazi {display:none;}
.kontent.deyis5 .bildiris ul li a {padding: 4px 1px; height: 20px;}
.kontent.deyis5 .beyenikon, .kontent.deyis5 .baxisikon, .kontent.deyis5 .serhikon {width: 20px; height: 20px;}
.kontent.deyis5 .say, .kontent.deyis5 .say span {line-height: 20px; font-size:15px;}

/* Sutunlar */
.sutunlar {width:100%; background: #BEBEBE url(../images/sutunfon.png); height:44px; text-align:center; margin-bottom:10px; -webkit-box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);
box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);}
.sutunlar ul li {padding:7px;}
.sutunlar ul li, .sutunlar ul li a {width:30px; height:30px; display:inline-block;}
.birlik {background: url(../images/1lik.svg);}
.ikilik {background: url(../images/2lik.svg);}
.ucluk {background: url(../images/3luk.svg);}
.dordluk {background: url(../images/4luk.svg);}
.beslik {background: url(../images/5lik.svg);}

/* Pagination */
.kontent.pagination {width:1530px; text-align:center; margin-top: 15px; min-height: 36px;}
.pagination>* {font-size: 18px; margin-right: 5px; margin-bottom: 8px; padding: 0 9px; display: inline-block; line-height: 28px; height: 28px;}
.pagination>*:last-child {margin-right: 0px;}
.pagination a {background:#222;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
.pagination a:hover {background:#A1A1A1; color:#FFF;}
.pagination>span {background:#A1A1A1; color:#FFF;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

/* Footer */
.footer {width:100%; height:50px; background: url(../images/footerfon.png); -webkit-box-shadow: 0px -14px 29px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -14px 29px -13px rgba(0,0,0,0.75);
box-shadow: 0px -14px 29px -13px rgba(0,0,0,0.75);}
.footersol {}
.footersag {float:right; height:50px; line-height:50px; margin-right:10px;}
.footersag ul li {display:inline-block; font-size: 15px;}
.footersag ul li a {display:block; color:#fff; padding:0px 10px; -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.footersag ul li a:hover {color:#939393; text-shadow: 0px 0px 20px #ccc;}

/* Full story */
.fullkontent {margin-top:15px;}
.hissebir {width:644px; float:left; border-right:2px solid #ccc; box-sizing:border-box; padding-right: 20px;}
.hisseiki {width:454px; float:left; border-right:2px solid #ccc; box-sizing:border-box;}
.hisseuc {width:432px; float:right;}
.fullbasliq {font-size:20px; padding: 10px; line-height: 27px;}
.fullinfo {width:102px; float:left; margin-right:20px;}
.fullinfo ul li {text-align:center; height: 40px; margin-bottom:10px; -webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease}
.fullinfo ul li a {display:block; padding:10px}
.ssl {width:20px; height:20px; display:inline-block; vertical-align: top;}
.funk {background-color: #FFF;}
.funk.adi {padding: 10px; -webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;}
.fullinfo ul li.funk:hover {background-color:#DFDFDF;}
.fullinfo ul li.fbshare:hover {background-color:#2B558E;}
.fullinfo ul li.twshare:hover {background-color:#3DA0CA;}
.fullinfo ul li.ggshare:hover {background-color:#BE452B;}
.bxikon {background: url(../images/fullbaxis.svg) no-repeat;}
.byikon {background: url(../images/fullbeyen.svg) no-repeat;}
.shikon {background: url(../images/fullserh.svg) no-repeat;}
.funk .ssay {color: #898989;}
.fbshare {background-color: #3468af;}
.fbikon {background: url(../images/facebook.svg) no-repeat;}
.twshare {background-color: #4fc4f6;}
.twikon {background: url(../images/twitter.svg) no-repeat;}
.ggshare {background-color: #DA4D2F;}
.ggikon {background: url(../images/googleplus.svg) no-repeat;}
.ssay {height: 20px; display: inline-block; line-height: 20px; font-size: 20px; color: #fff; padding-left: 5px;}
.fullk {float:left;}
.fullk img {width:100%;}
.hereket {width:100%; height:50px; margin: 20px 0;}
.hereket div {width:48%; height: 50px; line-height: 50px; background-color: #ccc; text-align:center; font-size:25px;}
.hereket div a {display:block;}
.geri {float:left;}
.ireli {float:right;}
.gerikon {background: url(../images/geri.svg) no-repeat center center; width: 25px; height: 50px; display: block; float: left; margin-left: 10px;}
.irelikon {background: url(../images/ireli.svg) no-repeat center center; width: 25px; height: 50px; display: block; float: right; margin-right: 10px;}
.hyazi {height: 25px; line-height: 25px; display: inline-block; color: #000;}
.kolgele, .fullk img, .fullinfo ul li, .ireli, .geri, .oxsarlar ul li, .listbasliq, .fbasliq, .sosiallar, .fb_iframe_widget iframe, .infosayt {-webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.4);}

/* Listler */
.list {width:412px;}
.hisseiki .list {margin: 0 auto;}
.hisseuc .list {margin-left:20px;}
.listbasliq {height: 40px; line-height: 40px; border-bottom: 1px solid #8B8B8B; margin-bottom: 15px; background-color: #DADADA; font-weight: bold; padding-left: 10px; font-size: 15px;}
.list>ul>li {padding: 15px; background-color: #fff; margin-bottom: 15px; border: 1px solid #ccc; box-sizing: border-box;}
.item {width:100%; height:220px}
.list img {width:100%; display:block;}
.list h1 {font-size:16px; padding: 10px 0 0; line-height: 22px; color:#000; height: 42px; overflow: hidden;}
.list>ul>li:hover {background-color: #E0E0E0; border: 1px solid rgba(70, 70, 70, 0.51);}
.list>ul>li:hover h1 {text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);}
.list>ul>li, .list>ul>li h1 {-webkit-transition: all 1s; transition: all 1s;}
.list .info {color:#A3A3A3; padding-top: 10px; text-align: right;}
.list .info a {color:#A3A3A3; display: inline-block; height: 13px;}
.list .info ul {height:13px;}
.list .info ul li {display:inline-block; font-size: 12px; height: 13px;}
.list .info ul li.yan::after {content: " · "; height: 13px; vertical-align: top; display: inline-block; margin: 0px 2px;}
.lsay, .lsay span {display: inline-block; height: 13px; vertical-align: top;}
.listikon {width: 13px; height: 13px; display: inline-block; margin-right: 2px;}
.listbeyen {background: url(../images/listbeyen.svg) no-repeat;}
.listbaxis {background: url(../images/listbaxis.svg) no-repeat;}
.listserh {background: url(../images/listserh.svg) no-repeat;}
.listmr {margin-bottom: 15px !important;}
.sosiallar {width:100%; border: 1px solid #ccc; padding: 0 15px; background-color: #fff; box-sizing: border-box; overflow:auto;}
.sosiallar ul li {float:left; width:50%; padding: 15px 0;}
.sosiallar ul li.inedit {padding-left: 15px; box-sizing: border-box; border-left: 1px solid #ccc;}
.ssol {float:left; width:80px; height:80px; margin-right:10px;}
.ssag {overflow: auto; padding: 10px 0; height: 60px;}
.ssag > div {display:block; height:30px;}
.ssfb {background: url(../images/ssfacebookpg.svg);}
.ssins {background: url(../images/ssinstagrampg.svg);}
.ssfan {font-size: 21px;}
.ssbut {display: inline-block; border: 1px solid #D8D8D8; background-color: #F3F3F3; height:28px;}
.ssbut a {padding: 7px; display:block; color:#000}
.ssda {background: url(../images/fblike.svg) no-repeat; width: 14px; height: 14px; display: inline-block; margin-right: 4px; vertical-align: top;}
.ssdb {display: inline-block; height: 14px; line-height: 14px; font-size: 14px; vertical-align: top;}

/* Oxsarlar */
.oxsarlar {width:100%;}
.fbasliq {height: 40px; line-height: 40px; border-bottom: 1px solid #8B8B8B; margin-bottom: 15px; background-color: #DADADA; font-weight: bold; padding-left: 10px; font-size: 15px;}
.oxsarlar ul li {width:194px; margin: 0px 20px 20px 0; float:left; background-color: #fff;}
.oxsarlar ul li:nth-child(3n) {margin-right:0}
.item2 {width:100%; height:116px;}
.oxsarlar ul li img {width:100%; display:block;}
.oxsarlar ul li a {color:#000; display:block;}
.oxsarlar h1 {font-size: 13px; height: 34px; margin: 5px; line-height: 17px; overflow:hidden;}
.oxsarlar ul li, .oxsarlar h1 {-webkit-transition: background 1s, text-shadow 1s; transition: background 1s, text-shadow 1s;}
.oxsarlar ul li:hover {background-color: #E0E0E0;}
.oxsarlar ul li:hover h1 {text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);}
/* FB comment */
.fcomment {width:100%; margin-bottom:20px;}
.fb_iframe_widget iframe {background-color: #fff;}

/* Axtaris */
.axtaris {width:100% !important; text-align:center; background: #ccc url(../images/axtarfon.png); margin:10px 0; -webkit-box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);
box-shadow: 0px 14px 29px -13px rgba(0,0,0,0.75);}
h1.axtbasliq {font-size: 24px; line-height: 43px;}
.axtarinput {width: 60%; height: 40px; padding: 10px 20px; font-size: 32px; line-height: 32px; border: 2px solid #B5B5B5;}
.axtarinput:focus, .textin:focus {border: 2px solid #707070; -webkit-box-shadow: 0 0 5px 1px #969696;
-moz-box-shadow: 0 0 5px 1px #969696;
box-shadow: 0 0 5px 1px #969696;}
.textin:focus {border: 1px solid #707070}
.xbutton {border:1px solid #B5B5B5; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; font-weight:bold; padding:7px 24px; margin: 0 5px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
}
.xbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.xbutton:active {position:relative; top:1px;}
.axtarcavab {margin-bottom: 15px; background-color: #fff; display: inline-block; padding: 10px;}
.textin {border: 1px solid #B5B5B5; height:30px; line-height:30px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;}
select.textin:first-child {margin-bottom: 5px;}
.search.bastd {padding:0 10px}
fieldset table {width:100%;}
td.search.mrj div {margin:0px 0px 5px 0px;}
.search label input {vertical-align:top;}
.ucbutton {margin:6px 0 15px 0; text-align:center;}

@media only screen and (min-width: 1550px) {
.kontent {width:33.333%;}
.kontent.deyis3 span.sosialyazi {display:block;}
}
@media only screen and (min-width: 1305px) and (max-width: 1550px) {
.struktur, .headeric, .kontent.pagination  {width: 1275px;}
.kontent {width:33.333%;}
.kontent span.sosialyazi, .kontent.deyis3 span.sosialyazi {display:block; font-size:11px;}
.gallery-cell, .gallery-cell img {height:323px;}
.bildiris ul li a {padding: 4px 1px; height: 23px;}
.beyenikon, .baxisikon, .serhikon {width: 23px; height: 23px;}
.say, .say span {line-height: 23px; font-size:19px;}
.kontent.deyis1 .bildiris ul li a, .kontent.deyis2 .bildiris ul li a {padding: 7px; height: 26px;}
.kontent.deyis1 .beyenikon, .kontent.deyis1 .baxisikon, .kontent.deyis1 .serhikon, .kontent.deyis2 .beyenikon, .kontent.deyis2 .baxisikon, .kontent.deyis2 .serhikon {width: 26px; height: 26px;}
.kontent.deyis1 .say, .kontent.deyis1 .say span, .kontent.deyis2 .say, .kontent.deyis2 .say span {line-height: 26px; font-size:25px;}
.kontent.deyis4 .bildiris ul li a {padding: 4px 1px; height: 20px;}
.kontent.deyis4 .beyenikon, .kontent.deyis4 .baxisikon, .kontent.deyis4 .serhikon {width: 20px; height: 20px;}
.kontent.deyis4 .say, .kontent.deyis4 .say span {line-height: 20px; font-size:15px;}
.kontent.deyis5 .bildiris ul li a {padding: 4px 1px; height: 17px;}
.kontent.deyis5 .beyenikon, .kontent.deyis5 .baxisikon, .kontent.deyis5 .serhikon {width: 17px; height: 17px;}
.kontent.deyis5 .say, .kontent.deyis5 .say span {line-height: 17px; font-size:13px;}
.hisseiki {width: 326.5px;}
.hisseuc {width: 304.5px;}
.list {width: 284.5px;}
.item {height: 146px;}
}
@media only screen and (min-width: 1050px) and (max-width: 1304px) {
.struktur, .headeric, .kontent.pagination {width: 1020px;}
.gallery-cell, .gallery-cell img {height:323px;}
.kontent.deyis3 .bildiris ul li a {padding: 4px 1px; height: 20px;}
.kontent.deyis3 .beyenikon, .kontent.deyis3 .baxisikon, .kontent.deyis3 .serhikon {width: 20px; height: 20px;}
.kontent.deyis3 .say, .kontent.deyis3 .say span {line-height: 20px; font-size:15px;}
.kontent.deyis4 .bildiris ul li a {padding: 4px 1px; height: 17px;}
.kontent.deyis4 .beyenikon, .kontent.deyis4 .baxisikon, .kontent.deyis4 .serhikon {width: 17px; height: 17px;}
.kontent.deyis4 .say, .kontent.deyis4 .say span {line-height: 17px; font-size:13px;}
.hisseiki {width: 376px; border-right:none;}
.hisseuc {width: 376px;}
.list {width: 356px;}
.hisseiki .list {margin-right:0px;}
.item {height: 188px;}
.sutunlar li.besle {display:none;}
}
@media only screen and (min-width: 795px) and (max-width: 1049px) {
.struktur, .headeric, .kontent.pagination {width: 765px;}
.kontent span.sosialyazi {display:none;}
.kontent.deyis1 span.sosialyazi {display:block;}
.gallery-cell, .gallery-cell img {height:256px;}
.gallery-cell h2 {font-size:14px; padding: 7px 14px;}
.bildiris ul li a {padding: 4px 1px; height: 23px;}
.beyenikon, .baxisikon, .serhikon {width: 23px; height: 23px;}
.say, .say span {line-height: 23px; font-size:19px;}
.kontent.deyis1 .bildiris ul li a {padding: 7px; height: 26px;}
.kontent.deyis1 .beyenikon, .kontent.deyis1 .baxisikon, .kontent.deyis1 .serhikon {width: 26px; height: 26px;}
.kontent.deyis1 .say, .kontent.deyis1 .say span {line-height: 26px; font-size:25px;}
.kontent.deyis3 .bildiris ul li a {padding: 4px 1px; height: 17px;}
.kontent.deyis3 .beyenikon, .kontent.deyis3 .baxisikon, .kontent.deyis3 .serhikon {width: 17px; height: 17px;}
.kontent.deyis3 .say, .kontent.deyis3 .say span {line-height: 17px; font-size:13px;}
.hissebir {width: 510px;}
.fullinfo {width: 85px;}
.fullk {width: 383px;}
.hisseiki {width: 255px; border-right:none;}
.hisseuc {width: 255px;}
.list {width: 235px;}
.hisseiki .list {margin-right:0px;}
.item {height: 118px;}
.oxsarlar ul li {width: 234px;}
.oxsarlar ul li:nth-child(3n) {margin-right:20px;}
.oxsarlar ul li:nth-child(even) {margin-right: 0;}
.item2 {height:140px;}
.axtargir input {width: 75px;}
.menu>ul>li>a {padding:0 4px;}
.sutunlar li.besle, .sutunlar li.dordle {display:none;}
}
@media only screen and (min-width: 795px) and (max-width: 1550px) {
.sosiallar {padding:0;}
.ssol {margin: 0 auto; float: none;}
.ssag {text-align: center; padding: 7px 0 0 0;}
.sosiallar ul li.inedit {padding-left: 0px;}
}
@media only screen and (min-width: 540px) and (max-width: 794px) {
.struktur, .headeric, .mobilmenuic, .kontent.pagination {width: 510px;}
.kontent {width:100%;}
.gallery-cell, .gallery-cell img {height:256px;}
.deyis2 .sosialyazi, .sutunlar li.besle, .sutunlar li.dordle, .sutunlar li.ucle {display:none;}
.kontent.deyis2 .bildiris ul li a {padding: 4px 1px; height: 17px;}
.kontent.deyis2 .beyenikon, .kontent.deyis2 .baxisikon, .kontent.deyis2 .serhikon {width: 17px; height: 17px;}
.kontent.deyis2 .say, .kontent.deyis2 .say span {line-height: 17px; font-size:13px;}
}
@media only screen and (max-width: 539px) {
.struktur, .headeric, .mobilmenuic, .kontent.pagination {width: 100%;}
.kontent {width:100%;}
.kontent span.sosialyazi {display:none;}
.gallery-cell, .gallery-cell img {height:191px;}
.fullinfo {margin-bottom:15px;}
.fullinfo ul li {width: 33.3333% !important; margin-bottom:0;}
.fbshare {clear: both;}
.sutunlar {display:none;}
.footersag {margin-bottom: 10px !important;}
.footersag ul li {width:50%; float: left; text-align: left; box-sizing: border-box; line-height:30px;}
.footersag ul li a {padding: 0 0 0 15px;}
.sosiallar {padding:0;}
}
@media only screen and (min-width: 490px) and (max-width: 538px) {
.bildiris ul li a {padding: 7px; height: 26px;}
.beyenikon, .baxisikon, .serhikon {width: 26px; height: 26px;}
.say, .say span {line-height: 26px; font-size:25px;}
}
@media only screen and (min-width: 390px) and (max-width: 489px) {
.bildiris ul li a {padding: 4px 1px; height: 23px;}
.beyenikon, .baxisikon, .serhikon {width: 23px; height: 23px;}
.say, .say span {line-height: 23px; font-size:19px;}
}
@media only screen and (max-width: 389px) {
.bildiris ul li a {padding: 4px 1px; height: 20px;}
.beyenikon, .baxisikon, .serhikon {width: 20px; height: 20px;}
.say, .say span {line-height: 20px; font-size:15px;}
}
@media only screen and (max-width: 420px) {
.ssol {margin: 0 auto; float: none;}
.ssag {text-align: center; padding: 7px 0 0 0;}
.sosiallar ul li.inedit {padding-left: 0px;}
}
@media only screen and (max-width: 794px) {
body {padding-top:0}
.header {display:none;}
.gallery-cell h2 {font-size:12px; padding: 6px 12px;}  
.hissebir {width: 100%; border:none; padding:0;}
.hisseiki {width:100%; border-right:none;}
.hisseuc {width:100%;}
.hisseuc .list {margin-left: 0;}
.fullinfo, .list {width: 100%; margin-right:0;}
.fullinfo ul li {width: 16.66666%; display: block; float: left;}
.fullk {width:100%;}
.oxsarlar ul li {width: 48%; margin: 0px 4% 4% 0;}
.oxsarlar ul li:nth-child(3n) {margin-right:4%;}
.oxsarlar ul li:nth-child(even) {margin-right:0px;}
.item2 {height:146px;}
.footer {height: auto; overflow: hidden;}
.footersol {float:none; width: 100%; padding: 10px 0 0 0; text-align: center;}
.footersag {float:none; margin: 0; width: 100%; text-align: center; height:auto; overflow: auto;}
.search.bastd {width:100%; display:block; -webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
}

@media only screen and (max-width: 390px) {
.oxsarlar ul li {width:100%; margin-right:0;}
.oxsarlar ul li:nth-child(3n) {margin-right:0;}
.item2 {height:200px;}
}
@media only screen and (min-width: 795px) {
.mobilmenu {display:none;}
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
nav:not(.mm-menu) {display: none;}
.mobilmenu {background: url(../images/headerfon.png); width: 100%; height: 51px; -moz-box-sizing: border-box;box-sizing: border-box; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); transform: translate3d(0,0,0);}
.mobilmenu .menuikon {width: 25px; height: 25px; margin-left: 10px; float: left; padding: 13px 0;}
.mobilmenu .menuikon a {background: url(../images/mmenu.svg); display: block; width: 25px; height: 25px;}
.mobillogo {overflow: hidden; text-align: center; padding: 10px; height:31px;}
.mobillogo img { width: 140px;}
.mobilmenuic {margin:0 auto; height:51px; line-height:51px;}
.mm-hidden {display: none !important; }
.mm-wrapper {overflow-x: hidden; position: relative;}
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;} 
.mm-menu {background: inherit; display: block; overflow: hidden; padding: 0;} 
.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest {z-index: 1; } 
.mm-menu > .mm-panel {background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }   
.mm-menu > .mm-panel.mm-hasnavbar {padding-top: 40px; }   
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {content: ''; display: block; height: 20px;} 
.mm-navbar {border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0;}
.mm-navbar > * {display: block; padding: 10px 0;} 
.mm-navbar a, .mm-navbar a:hover {text-decoration: none;}
.mm-navbar .mm-title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mm-navbar .mm-btn {box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1;}
.mm-navbar .mm-btn:first-child {padding-left: 20px; left: 0;}
.mm-navbar .mm-btn:last-child {padding-right: 20px; right: 0;} 
.mm-panel .mm-navbar {display: none;}
.mm-panel.mm-hasnavbar .mm-navbar {display: block;}
.mm-listview, .mm-listview > li {list-style: none; display: block; padding: 0; margin: 0;}
.mm-listview {font: inherit; font-size: 14px;}
.mm-listview a, .mm-listview a:hover {text-decoration: none;} 
.mm-listview > li {position: relative;}
.mm-listview > li > a, .mm-listview > li > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {padding-right: 50px;}
.mm-listview > li:not(.mm-divider):after {content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0;}
.mm-listview > li:not(.mm-divider):after {left: 20px;}
.mm-listview .mm-next {background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2;}
.mm-listview .mm-next:before {content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0;}
.mm-listview .mm-next + a, .mm-listview .mm-next + span {margin-right: 50px;}
.mm-listview .mm-next.mm-fullsubopen {width: 100%;}
.mm-listview .mm-next.mm-fullsubopen:before {border-left: none;}
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {padding-right: 50px; margin-right: 0;} 
.mm-menu > .mm-panel > .mm-listview {margin-left: -20px; margin-right: -20px;}
.mm-menu > .mm-panel > .mm-listview.mm-first {margin-top: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-last {padding-bottom: 20px;}
.mm-prev:before, .mm-next:after, .mm-arrow:after {content: '';   border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
.mm-prev:before {border-right: none; border-bottom: none; left: 20px;}
.mm-next:after, .mm-arrow:after {border-top: none; border-left: none; right: 20px;}
.mm-divider {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px;}
.mm-listview > li.mm-spacer {padding-top: 40px;}
.mm-listview > li.mm-spacer > .mm-next {top: 40px;}
.mm-menu {background: #f3f3f3; color: rgba(0, 0, 0, 0.7);}
.mm-menu .mm-navbar {border-color: rgba(0, 0, 0, 0.1);}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: rgba(0, 0, 0, 0.3);}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {border-color: rgba(0, 0, 0, 0.3);}
.mm-menu .mm-listview > li:after {border-color: rgba(0, 0, 0, 0.1);}
.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {border-color: rgba(0, 0, 0, 0.3);}
.mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li .mm-next:before {border-color: rgba(0, 0, 0, 0.1);}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: rgba(255, 255, 255, 0.5);}
/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {box-sizing: border-box; position: relative;}
.mm-slideout {-webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease;}
html.mm-opened {overflow: hidden; position: relative;}
html.mm-opened body {overflow: hidden;}
html.mm-background .mm-page {background: inherit;}
#mm-blocker {background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;}
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {display: block;}
.mm-menu.mm-offcanvas {display: none; position: fixed;}
.mm-menu.mm-current {display: block;}
.mm-menu {width: 80%; min-width: 140px; max-width: 440px;} 
html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu navbar addon CSS
*/
.mm-menu > .mm-navbar {background: inherit; padding: 0; z-index: 3;  
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mm-navbar-bottom {border-top: 1px solid transparent; border-bottom: none; top: auto; bottom: 0;}
.mm-navbar-top ~ .mm-navbar-top {border-bottom: none;}
.mm-navbar-bottom ~ .mm-navbar-bottom {border-top: none;}
.mm-navbar.mm-hasbtns {padding: 0 40px;}
.mm-navbar-top-1 {top: 0px; }
.mm-hasnavbar-top-1 .mm-panel {top: 40px; }
.mm-navbar-top-2 {top: 40px;}
.mm-hasnavbar-top-2 .mm-panel {top: 80px;}
.mm-hasnavbar-top-2 .mm-indexer {top: 90px;}
.mm-hasnavbar-top-2 .mm-fixeddivider {top: 80px;}
.mm-navbar-bottom-1 {bottom: 0px;}
.mm-hasnavbar-bottom-1 .mm-panel {bottom: 40px;}
.mm-hasnavbar-bottom-1 .mm-indexer {bottom: 50px;}
.mm-close {text-align: right;}
.mm-close:after {content: 'x';}
.mm-navbar-2 {text-align:center;}
.mm-navbar-2 a {display: inline-block; text-align: center; padding: 10px 5px; height: 20px;}
.navfb {width: 20px; height: 20px; background: url(../images/z_facebookpg.svg); display: block;}
.navin {width: 20px; height: 20px; background: url(../images/z_instagrampg.svg); display: block;}
/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search, .mm-search input {box-sizing: border-box;}
.mm-search {height: 40px; padding: 7px 10px 0 10px; position:relative;}
.mm-search input {border: none; border-radius: 26px; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); font: inherit; font-size: 14px; line-height: normal; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px;}
.mm-search input::-ms-clear {display: none;}
.mm-search button {width:18px; height:18px; background: url(../images/mmaxtar.svg); display: inline-block; position: absolute; top: 10px; right: 18px; cursor:pointer; padding: 0px; margin: 0px; border: 0px;}
/*
	jQuery.mmenu effects extension CSS
*/

html.mm-effect-slide-menu .mm-menu.mm-offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }
html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after {content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99;}
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {content: none; display: none;}
.mm-menu.mm-pageshadow:after {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}


/* Etiketler */
.etiketler {width:100%;}
.etiketler a {padding: 6px; background-color: #676767; color: #fff;  margin: 3px; display: inline-block; border: 1px solid transparent; -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.etiketler a:hover {background-color: #fff; color: #676767; border: 1px solid #676767;}

/* Info */
.infosayt {margin-top:15px;}
.infobas {height: 40px; line-height: 40px; border-bottom: 1px solid #8B8B8B; background-color: #DADADA; font-weight: bold; padding-left: 10px; font-size: 15px;}
.infomesaj {padding: 20px 10px; font-size: 16px; background: #F5F5F5; line-height: 20px;}

.xatnotif {background-image: url(../images/footerfon.png); padding:0 20px; font-size:10px; color: #fff;}

/*
.animate_css_stlye.animate_start {
  -webkit-animation: 0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 animation_frame;
  animation: 0.8s cubic-bezier(1,0,0,1) 0s normal backwards 1 animation_frame;
  opacity: 1;
  filter: alpha(opacity=100);
}

.appear_animation {
  opacity: 0;
  filter: alpha(opacity=100);
}
.animate_css_stlye {
  opacity: 0;
  filter: alpha(opacity=100);
}

@keyframes animation_frame {
	from {
		opacity:0;
		filter:alpha(opacity=100);
		transform:scale(0.2)
	}
	to {
		opacity:1;
		filter:alpha(opacity=100);
		transform:scale(1)
	}
}
@-webkit-keyframes animation_frame {
	from {
		opacity:0;
		filter:alpha(opacity=100);
		-webkit-transform:scale(0.2)
	}
	to {
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transform:scale(1)
	}
}

*/