﻿
*{font-family: 'Open Sans', sans-serif;}
body {background:#f9f4ee}
header {background:rgba(191,85,236,1)}
header h4 {text-shadow:rgba(0,0,0,.3) 0 1px 1px;}
.navbar {margin-bottom:0;    border-radius: 0px;}

ul.contact-menu {list-style:none;margin-bottom:-10px}
ul.contact-menu li {float:left}
ul.contact-menu li a {padding:10px 15px; display:block; color:rgba(52, 73, 94,1);transition: all 400ms ease;}
ul.contact-menu li a:hover {background:rgba(190,144,212,1);text-decoration:none}


.navbar-default {background-color: #e74c3c;border-color: #c0392b;	}
.navbar-default .navbar-nav>li>a{transition: all 400ms ease; color:rgba(238, 238, 238,1); font-size:1.2em; font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);}
.navbar-default .navbar-nav>li>a:hover{background-color:rgba(242, 121, 53,1)}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.navbar .dropdown-menu {background-color: #e74c3c;}
.navbar .dropdown-menu li a {color:rgba(238, 238, 238,1);font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);}
.navbar .dropdown-menu li a:hover {background-color:rgba(242, 121, 53,1);color:rgba(238, 238, 238,1);}
.navbar .dropdown-menu .divider {background-color: #c0392b;}


.ad01 {margin-top:10px;width:100%; height:90px;}
.ad02 {width:300px; height:280px;}
.ad03 {width:160px; height:600px; margin:0 auto;}
.ad04 {width:300px; height:280px; }
.ad05 {width:100%; height:270px; }

.marginTop10{margin-top:10px}

.menu {width:100%; height:auto; background:#f1c40f}
h3.menucategory {background:#FD5B03;margin-top:10px;margin-bottom:0; font-weight:bold;text-shadow:rgba(0,0,0,.3) 0 1px 1px; color:#ecf0f1; font-size:1.3em}
h3.menucategory a {display:block;color:#ecf0f1; padding:10px; text-decoration:none;}
h3.menucategory a:hover {display:block;color:#ecf0f1; padding:7px; text-decoration:none; font-size:1.4em }




.menu ul {list-style:none; padding:0;}
.menu ul li a {display:block; padding:10px 5px 10px 15px; transition:all 400ms ease; color:#2c3e50; font-weight:bold;border-bottom:thin solid #e67e22;animation:textMenu 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
.menu ul li a:hover {background:#f39c12; text-decoration:none}
.menu ul li a i:nth-child(2) {animation:figureMenu 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes textMenu {
    0%   { margin-left: 5px;}
	100% { margin-left: 0;}
}
 @keyframes figureMenu {
    0%   { margin-right: 0;}
	100% { margin-right: 10px;}
}

.panel {border-radius:0;}
.panel-heading {border-radius:0;}
.panel-default>.panel-heading {background-color: #e74c3c;}
.thumbnail {border-radius:0}

h3.panel-title {text-shadow:rgba(0,0,0,.3) 0 1px 1px; font-weight:bold; color:#ecf0f1}
h1.panel-title {text-shadow:rgba(0,0,0,.3) 0 1px 1px; font-weight:bold; color:#ecf0f1}
.arasayfa-title {font-size:28px}

.list-group a {background:#f1c40f; color:#2c3e50; font-size:1.2em; font-weight:bold;transition:all 400ms ease;}
.list-group a:hover {background:#f39c12;}
.list-group-item:last-child {border-radius:0;}

.list-group a i:nth-child(1) {animation:listGroupIcon1 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;}
.list-group a i:nth-child(2) {animation:listGroupIcon2 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;}
  
.fontSize01 a{font-size:.8em}
  
@keyframes listGroupIcon1 {
    0%   { margin-right: 0;}
	100% { margin-right: 10px;}
}
@keyframes listGroupIcon2 {
    0%   { margin-left: 0;}
	100% { margin-left: 10px;}
}


footer {background:#2c3e50; padding-top:20px}
footer h5 {color:#f1c40f; font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);letter-spacing: 2px;}
footer ul {list-style-type: square;color:#ecf0f1}
footer ul li a {color:#ecf0f1}
footer ul li a:hover {color:#bdc3c7; text-decoration:none}
footer p {color:#ecf0f1}

footer .footerMenu ul {list-style-type: none;color:#ecf0f1;padding:0}
footer .footerMenu ul li {float:left}
footer .footerMenu ul li a {display:block;color:#ecf0f1; padding:10px 15px 10px 15px; font-weight:bold;letter-spacing: 1px;text-shadow: 1px 1px 0 rgba(0,0,0,.3);transition:all 400ms ease}
footer .footerMenu ul li:nth-child(1) a {color:#9b59b6}
footer .footerMenu ul li:nth-child(2) a {color:#e67e22}
footer .footerMenu ul li:nth-child(3) a {color:#3498db}
footer .footerMenu ul li:nth-child(4) a {color:#2ecc71; border:1px solid #1abc9c}
footer .footerMenu ul li:nth-child(5) a {color:#c0392b}
footer .footerMenu ul li a:hover {color:#bdc3c7; text-decoration:none}

footer .footerLine{    width: 100%;
    border-bottom: 1px solid #34495e;
    padding-top:10px;

    box-shadow: 0 1px 0 #555;}
footer .createdBy {padding:15px; font-size:.9em; color:#95a5a6} 

.CokOynananlarTab .nav-tabs {border-bottom: 3px solid #e74c3c;}
.CokOynananlarTab .panel-body {padding:5px}
.CokOynananlarTab .nav>li>a {padding:5px 5px}
.CokOynananlarTab .nav>li.active>a:hover, .CokOynananlarTab .nav>li.active>a:focus, .CokOynananlarTab .nav>li.active>a {background:red; color:#ecf0f1;    border: 3px solid #e74c3c;}
.CokOynananlarTab .nav>li:nth-child(1)>a {background:#9b59b6; color:#ecf0f1; font-size:.8em;}
.CokOynananlarTab .nav>li:nth-child(2)>a {background:#2ecc71; color:#ecf0f1; font-size:.8em;}
.CokOynananlarTab .nav>li:nth-child(3)>a {background:#e67e22; color:#ecf0f1; font-size:.8em;}
.CokOynananlarColMD{ padding-right: 5px;padding-left: 5px;}


.f-nav { z-index: 9999; position: fixed; right: 8%; top: 5px;}


.game-detail-main h4 {font-size:24px; margin-top:0; }
.game-detail {background:#ecf0f1; padding:5px 2px 10px 2px; }

.game-detail .btn {font-size:16px}
.game-detail-star {padding-bottom:20px}
.game-detail-star i {color:#f1c40f;}
.game-detail-star i:hover {color:#f1c40f;font-size:2.5em;}
.game-detail .btn i {animation:gameDetailIcon 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;position:relative}


@keyframes gameDetailIcon {
    0%   { left: 0;}
	100% { left: 5px;}
}

.game-detail-play .btn {font-size:32px; width:100%; font-weight:bold;letter-spacing:3px}
.game-detail-play .btn i {animation:gameDetailIconPlay 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;position:relative}
.game-detail-play .btn i:nth-child(1) {
  animation:gameDetailIconPlayColor1 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}
 .game-detail-play .btn i:nth-child(2) {
  animation:gameDetailIconPlayColor2 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}
 .game-detail-play .btn i:nth-child(3) {
  animation:gameDetailIconPlayColor3 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}
  
.game-detail-play .btn i:nth-child(4) {
  animation:gameDetailIconPlayColor3 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}
.game-detail-play .btn i:nth-child(5) {
  animation:gameDetailIconPlayColor2 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}
.game-detail-play .btn i:nth-child(6) {
  animation:gameDetailIconPlayColor1 1000ms;
  animation-direction:alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position:relative}

@keyframes gameDetailIconPlay {
    0%   { left: 0;}
	100% { left: 5px;}
}

@keyframes gameDetailIconPlayColor1 {
    0%   { color: #8e44ad;}
    25%   { color: #ffffff;}
    50%   { color: #ffffff;}
	100% { color: #ffffff;}
}
@keyframes gameDetailIconPlayColor2 {
    0%   { color: #8e44ad;}
    25%   { color: #8e44ad;}
    50%   { color: #ffffff;}
	100% { color: #ffffff;}
}
@keyframes gameDetailIconPlayColor3 {
    0%   { color: #8e44ad;}
    25%   { color: #8e44ad;}
    50%   { color: #8e44ad;}
	100% { color: #ffffff;}
}


.game-detail-header h3 {color:#e74c3c; font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);}
.game-detail-header-comment h3 {color:#2c3e50;font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);}
.game-detail-header-comment h4 {color:#2c3e50;font-weight:bold;text-shadow: 1px 1px 0 rgba(0,0,0,.3);}

.ScrollExit {max-height:50vh;display:block; position:relative; overflow-y: scroll;}
.ScrollExit p {font-size:.9em;}
h4.media-heading {font-size:1.2em;font-weight:bold}

.comment-like {}
.comment-like:hover {color:#2ecc71;text-decoration:none}




.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.flashBoyutTamEkran {width:100%; height:100vh;}

h1.arasayfa-title small {font-size:12px;}


.inpage-menu ul {list-style:none;padding:0; border:1px solid #bdc3c7; border-radius:3px;}
.inpage-menu ul li {border-top:1px solid #bdc3c7}
.inpage-menu ul li:nth-child(1) {border-top:none}
.inpage-menu ul li a {display:block;padding:15px 10px;transition:all 400ms ease; color:#2c3e50}
.inpage-menu ul li a:hover {background:#ecf0f1; text-decoration:none; font-weight:bold}


@media only screen and (max-width: 1200px) {

	h3.menucategory {font-size:.9em}
	.CokOynananlarTab .nav>li>a {font-size:.4em;}
}



@media screen and (max-width:1024px) { 
	.CokOynananlarTab .nav>li:nth-child(1)>a {font-size:.6em;}
	.CokOynananlarTab .nav>li:nth-child(2)>a {font-size:.6em;}
	.CokOynananlarTab .nav>li:nth-child(3)>a {font-size:.6em;}
	.f-nav{right: 1%; top: 5px;}
	.DisplayNone1024 {display:none;}

}

@media screen and (max-width:900px) { 

	.DisplayNone900 {display:none;}
	

	

}

@media screen and (max-width:768px) { 

	.DisplayNone728 {display:none;}
	.menucategoryAll a:after {content:" - MENÜYÜ AÇ";}

	

}

h5 {font-weight:bold}

}

h6 {font-weight:bold;font-size:3.4em;}

