/*@import url("bootstrap.min.css");*/
@import url("/Content/Style_SmartAlert.css");
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{width:100%;background:url(/images/ozel/s17_bg.jpg) center top no-repeat,url(/images/S17/fon-bg-bottom.jpg) center bottom no-repeat;background-color:#2a292e;font-family:'Roboto',sans-serif;font-weight:400;font-size:13px;color:#2a292e;min-height:100vh;overflow-x:hidden}
a{transition:all .3s ease;color:#2a292e;text-decoration:none}
a:hover{text-decoration:none}
p{margin-bottom:15px}
h1,h2,h3{color:#2a292e;margin-bottom:20px;line-height:1.2;text-transform:uppercase;font-weight:600}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
table{width:100%}
textarea{color:#fff;position:relative}
.button-a {width:268px;height:48px;transition:all .3s ease;cursor:pointer;background:linear-gradient(to top,#75bbbe,#8ed3d6);border:1px solid #c5f4f6;position:relative;z-index:1;box-shadow:0 8px 15px #000000;box-shadow:0 8px 15px rgba(0,0,0,0.2);color:#fff;display:block}
.button-login {width:268px;height:48px;transition:all .3s ease;cursor:pointer;background:linear-gradient(to top,#75bbbe,#8ed3d6);border:1px solid #c5f4f6;position:relative;z-index:1;box-shadow:0 8px 15px #000000;box-shadow:0 8px 15px rgba(0,0,0,0.2);color:#fff}
.button-login:hover{filter:brightness(110%)}
.btn-primary {color:#fff;background:linear-gradient(to top,#75bbbe,#8ed3d6);border:1px solid #c5f4f6;transition:all .3s ease;box-shadow:0 8px 15px #000000;box-shadow:0 8px 15px rgba(0,0,0,0.2);border-radius:0}
.btn-primary:hover {filter:brightness(110%);color:#fff;border:1px solid #000000;border:1px solid rgba(0,0,0,0)}
.btn-primary:active {background:linear-gradient(to top,#75bbbe,#8ed3d6);border:1px solid #000000;border:1px solid rgba(0,0,0,0)}
.btn-primary:focus,.btn-primary:active:focus {outline:none;border:1px solid #000000;border:1px solid rgba(0,0,0,0)}
.news-readmore {transition:all .3s ease;cursor:pointer;background:linear-gradient(to top,#75bbbe,#8ed3d6);border:1px solid #c5f4f6;position:relative;top:40px;z-index:1;display:inline-block;padding:7px 20px;font-size:14px;color:#fff;text-align:center;box-shadow:0 5px 15px 0 #000000;box-shadow:0 5px 15px 0 rgba(0,0,0,0.2)}
.news-readmore:hover{filter:brightness(110%);color:#fff;text-decoration:none}
.button-registration{text-align:center}
.button-border:after{content:"";position:absolute}
.button-border-small a{color:#fff}
.agree a{color:#0b8a88;text-decoration:underline!important}
.agree a:hover{text-decoration:none!important}
:focus{outline:none}
::-webkit-input-placeholder{color:#9490a5}
::-moz-placeholder{color:#9490a5}
:-moz-placeholder{color:#9490a5}
:-ms-input-placeholder{color:#9490a5}
.wrapper{width:1280px;margin:0 auto;position:relative;z-index:3}
.container-web{display:flex;position:relative}
.flex{display:flex}
.flex-s{display:flex;justify-content:space-between}
.flex-s-c{display:flex;justify-content:space-between}
.flex-c-c{display:flex;justify-content:center;align-items:center}
.flex-sb-c{display:flex;justify-content:space-between;align-items:center}

/* FORM CONTROL
-----------------------------------------------------------------------------*/
.form-control {color: #555;background-color: #eee;border: 1px solid #ccc;border-radius: 2px;box-shadow: inset 0 0 1px #000000;box-shadow: inset 0 0 1px rgba(0,0,0,0.1);}
.form-control:focus {outline: none;box-shadow: none;border-color: #aaa;}
textarea.form-control {resize: vertical;height: 180px;}
span.required {color: #E74C3C;margin-left: 5px;font-weight: bold;font-size: 14px;}

/* Navbar
-----------------------------------------------------------------------------*/
#navbar {width: 100%;position: absolute;top: 0;z-index: 10;display: flex;justify-content: center;align-items: center;width: 1280px;left: calc( ( 100% - 1280px ) / 2 );}
.logo-top-smoll {margin-right: 75px;}
.menu li a:before {content: "";position: absolute;height: 23px;width: 4px;left: 0;top: 22px;}
.menu li:first-child a:before {display: none;}
.menu li {margin: 0 8px;}
.menu a {color: #fff;font-size: 15px;text-transform: uppercase;padding: 0 26px;display: block;height: 63px;line-height: 64px;position: relative;}
.menu a:after {content: "";transition: 0.3s;height: 0;width: 0;}
.menu a:hover {color: #72c7c8;text-decoration: none;}
.menu a:hover:after {content: "";height: 2px;width: 100%;left: 0;position: absolute;background: #72c7c8;}
.menu .active a {color: #72c7c8;}
.menu .active a:after {content: "";height: 2px;width: 100%;left: 0;position: absolute;background: #72c7c8;}
.languages {margin-left: 100px;}
.languages a {margin-left: 10px;}
.languages a:hover {-webkit-filter: brightness(140%);filter: brightness(140%);margin-left: 10px;}

/* Header
-----------------------------------------------------------------------------*/
.header {min-height: 677px;position: relative;}
.logo {display: block;position: absolute;transition: 0.3s;z-index: 2;margin-left: -30px;top: 280px;}
.logo:hover {-webkit-filter: brightness(120%);filter: brightness(120%);}
.leaves-left-1 {background: url(/images/S17/leaves-left-1.png) no-repeat;width: 120px;height: 133px;position: absolute;left: 50px;top: -300px;animation: leaves-left-1 12s infinite linear;}
.leaves-left-2 {background: url(/images/S17/leaves-left-2.png) no-repeat;width: 160px;height: 72px;position: absolute;left: 50px;top: -200px;animation: leaves-left-2 12s infinite linear;animation-delay: 6s;}
.leaves-left-3 {background: url(/images/S17/leaves-left-3.png) no-repeat;width: 120px;height: 88px;position: absolute;left: 50px;top: -200px;animation: leaves-left-3 12s infinite linear;animation-delay: 9s;}
.leaves-left-4 {background: url(/images/S17/leaves-left-4.png) no-repeat;width: 120px;height: 106px;position: absolute;left: 50px;top: -300px;animation: leaves-left-4 12s infinite linear;animation-delay: 3s;}
.leaves-left-5 {background: url(/images/S17/leaves-left-5.png) no-repeat;width: 170px;height: 108px;position: absolute;left: 50px;top: -300px;animation: leaves-left-5 12s infinite linear;animation-delay: 7s;}
.leaves-right-1 {background: url(/images/S17/leaves-right-1.png) no-repeat;width: 200px;height: 115px;position: absolute;right: 200px;top: -250px;animation: leaves-right-1 12s infinite linear;animation-delay: 1s;}
.leaves-right-2 {background: url(/images/S17/leaves-right-2.png) no-repeat;width: 140px;height: 55px;position: absolute;right: 200px;top: -250px;animation: leaves-right-2 12s infinite linear;animation-delay: 3s;}
.leaves-right-3 {background: url(/images/S17/leaves-right-3.png) no-repeat;width: 160px;height: 74px;position: absolute;right: 100px;top: -250px;animation: leaves-right-3 12s infinite linear;animation-delay: 6s;}
.leaves-right-4 {background: url(/images/S17/leaves-right-4.png) no-repeat;width: 59px;height: 110px;position: absolute;right: 200px;top: -250px;animation: leaves-right-4 12s infinite linear;animation-delay: 9s;}
.leaves-right-5 {background: url(/images/S17/leaves-right-5.png) no-repeat;width: 110px;height: 65px;position: absolute;right: 250px;top: -250px;animation: leaves-right-5 12s infinite linear;animation-delay: 2s;}

@keyframes leaves-left-1 {0% {top: -300px;}90% {opacity: 1;}100% {top: 750px;transform: rotate(-200deg);left: -250px;opacity: 0;}}
@keyframes leaves-left-2 {0% {top: -200px;}90% {opacity: 1;}100% {top: 750px;opacity: 1;transform: rotate(-150deg);left: -250px;opacity: 0;}}
@keyframes leaves-left-3 {0% {top: -200px;}90% {opacity: 1;}100% {top: 750px;transform: rotate(-250deg);left: -250px;opacity: 0;}}
@keyframes leaves-left-4 {0% {top: -250px;}90% {opacity: 1;}100% {top: 750px;transform: rotate(-150deg);left: -250px;opacity: 0;}}
@keyframes leaves-left-5 {0% {top: -250px;}90% {opacity: 1;}100% {top: 750px;transform: rotate(-250deg);left: -250px;opacity: 0;}}
@keyframes leaves-right-1 {0% {top: -250px;}90% {transform: rotate(-200deg);opacity: 1;}100% {top: 850px;transform: rotate(-200deg);right: -250px;opacity: 0;}}
@keyframes leaves-right-2 {0% {top: -250px;}90% {transform: rotate(-100deg);opacity: 1;}100% {top: 850px;transform: rotate(-120deg);right: -250px;opacity: 0;}}
@keyframes leaves-right-3 {0% {top: -250px;}90% {transform: rotate(150deg);opacity: 1;}100% {top: 850px;transform: rotate(170deg);right: -250px;opacity: 0;}}
@keyframes leaves-right-4 {0% {top: -250px;}90% {transform: rotate(150deg);opacity: 1;}100% {top: 850px;transform: rotate(170deg);right: -250px;opacity: 0;}}
@keyframes leaves-right-5 {0% {top: -250px;}90% {transform: rotate(150deg);opacity: 1;}100% {top: 850px;transform: rotate(170deg);right: -250px;opacity: 0;}}

.lenguage {position: relative;top: 100px;z-index: 9999;}
.lenguage a {margin: 0 5px;}
.lenguage a:hover {filter: brightness(110%);}

#gGST_Wrap {position: absolute;right: 5px;top: 170px;width: 280px;height: 44px;z-index: 8;font: normal 13px/1.2 tahoma, Arial, Verdana;color: #80dfdd;background: url('/images/S17/game_time.png') no-repeat}
#gGST_Wrap .gGST_BoxOff {width: 280px;height: 24px;padding: 0 0 0 15px}
#gGST_Wrap .gGST_BoxOn {width: 280px;height: 24px;padding: 5px 0 0 15px}
#gGST_Wrap span {float: left;width: 130px}


/* DOWNLOAD, SERVERS, REGISTRATION
-----------------------------------------------------------------------------*/
.button-top {display: flex;padding-bottom: 30px;}
.download-block {display: flex;height: auto;width: 350px;margin-left: -30px;background: url(/images/S17/download-button.png) no-repeat;transition: all 0.3s ease;}
.download-block a {font-size: 28px;color: #fff;padding-left: 153px;padding-top: 64px;text-decoration: none;}
.download-block span {font-weight: bold;font-style: italic;}
.download-block p {font-size: 14px;font-style: italic;text-align: right;padding-top: 10px;}
.download-block:hover {-webkit-filter: brightness(110%);filter: brightness(110%);}

/* DOWNLOAD, SERVERS, REGISTRATION
-----------------------------------------------------------------------------*/
.registration-block {display: flex;height: auto;width: 350px;background: url(/images/S17/registration-button.png) no-repeat;transition: all 0.3s ease;}
.registration-block a {font-size: 22px;color: #fff;padding-left: 153px;padding-top: 64px;text-decoration: none;}
.registration-block span {font-weight: bold;font-style: italic;}
.registration-block p {font-size: 14px;font-style: italic;text-align: right;padding-top: 10px;}
.registration-block:hover {-webkit-filter: brightness(110%);filter: brightness(110%);}

/* servers
-----------------------------------------------------------------------------*/
.header__statusBlock {display: flex;justify-content: center;align-items: center;width: 617px;padding-left: 25px;}
.radial-stat {display: flex;justify-content: center;align-items: center;text-align: center;background: #511424;background: rgba(81, 20, 36, 0.5);width: 200px;height: 200px;border-radius: 50%;margin: 0 40px;}
.circle-online {width: 176px;height: 176px;border-radius: 50%;background: #d4476d;background: rgba(212, 71, 109, 0.2);text-align: center;position: relative;display: inline-block;}
.serverInfo {position: absolute;width: 130px;height: 130px;margin-left: 23px;margin-top: 23px;padding-top: 25px;border-radius: 50%;background: #000000;background: rgba(0, 0, 0, 0.4);}
.serverInfo span {display: block;width: 100%;text-align: center;position: relative;}
.serverInfo__name {font-size: 18px;color: #fff;text-transform: uppercase;margin-bottom: 7px;}
.serverInfo__name a {font-size: 24px;color: #fff;font-weight: 600;}
.serverInfo__x {color: #fff;font-size: 12px;margin-bottom: 9px;}
.serverInfo__x:after {content: "";position: absolute;left: 0;bottom: -6px;width: 100%;}
.serverInfo__online {color: #89d6d9;font-size: 30px;}


/* Sidebar Left and Right
-----------------------------------------------------------------------------*/
.sidebar {width: 320px;}
.light-fon {background: url(/images/S17/fon-sidebar.jpg) repeat;margin-bottom: 1px;box-shadow: inset 0 0 40px #000000;box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);border: 1px solid #fff;}
.widget {padding: 25px;padding-top: 37px;min-height: 330px;}
.widget-title {text-transform: uppercase;font-weight: 800;font-family: 'Roboto', sans-serif;color: #8b6757;font-size: 16px;margin-bottom: 38px;position: relative;}
.widget-title a:hover {text-decoration: underline;}
.widget-title span {display: block;margin-top: 9px;}
.widget-title:after {content: "";background: url(/images/S17/widget-title-bg.png) center right no-repeat;width: 72px;height: 72px;position: absolute;right: -7px;top: -15px;}
.widget-title span,.widget-title a {text-transform: none;font-size: 12px;color: #8b6757;font-weight: 400;}
.l-input {width: 268px;height: 48px;border: none;position: relative;}
.l-input input {padding: 16px;text-align: center;width: 268px;color: #2a292e;}
.login {background-color: #fff;border: 1px solid #f2e6e9;color: #2a292e;}
.login-block p {margin-bottom: 10px;}
.lost {padding-top: 32px;color: #0b8a88;text-align: center;}
.login-block .lost a {color: #0b8a88;font-size: 14px;line-height: 18px;}
.top-block {width: 100%;color: #2a292e;padding-bottom: 15px;}
.top-block span {display: block;}
.top-block .top-number {width: 20px;}
.guild img {border: 1px solid #360e17;}
.top-block .top-flag {width: 75px;padding-top: 2px;}
.top-block .top-name {width: 117px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top-block .top-lvl {width: 55px;}
.top-block .top-lvl sup {color: #ff0000;}
.top-title {color: #0b8a88;display: flex;align-items: center;font-size: 14px;margin-bottom: 15px;}
.top-list {height: 41px;display: flex;align-items: center;font-size: 12px;transition: 0.3s;}
.top-list a {color: #2a292e;}
.top-list:hover {background-color: #75bbbe;height: 41px;margin: 0 -25px 0 -25px;padding: 0 25px 0 25px;color: #fff;position: relative;z-index: 5;}
.top-list:hover a {color: #fff;}



/* Content
-----------------------------------------------------------------------------*/
.content {width: 637px;line-height: 1.3;position: relative;margin-left: 1px;margin-right: 1px;}
.slider {overflow: hidden;position: relative;width: 637px;height: 327px;margin-right: 1px;}
.slider .slides {position: relative;transition: 1s;}
.slider .slides .slide {float: left;display: block;position: relative;background-repeat: no-repeat;background-position: center;width: 637px;height: 327px;}
.slider .slides .slide:before {content: "";position: absolute;width: 100%;top: 0;left: 0;}
.slide-info span {font-weight: 800;width: 100%;margin-left: 80px;margin-right: 80px;background: linear-gradient(#ffdb8a, #ffad47);font-size: 36px;font-style: italic;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-left: 8px;text-align: center;}
.slide-text-big {font-weight: 800;background: linear-gradient(#ffdb8a, #ffad47);font-size: 40px;width: calc( 100% - 160px );margin-top: -15px;margin-left: 80px;margin-right: 80px;font-style: italic;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
.slide-text p {width: calc( 100% - 160px );margin-top: -5px;color: #fff;font-style: italic;font-size: 20px;font-weight: bold;margin-left: 80px;margin-right: 80px;text-align: center;display: block;}
.slider .slides .slide-info {position: relative;width: 100%;opacity: 0;z-index: 4;display: flex;flex-wrap: wrap;align-items: stretch;margin-top: 220px;}
.slider .slides .active .slide-info {transition: all 2s ease;opacity: 1;}
.slider .arrows {position: absolute;height: 60px;width: 60px;top: 145px;z-index: 10;cursor: pointer;opacity: 0.5;}
.slider .arrows:hover {cursor: pointer;opacity: 1;}
.slider .next {background: url(/images/S17/arrow-right.png) no-repeat;right: 1px;}
.slider .prev {background: url(/images/S17/arrow-left.png) no-repeat;left: 1px;}
.slider .navigation {position: absolute;bottom: 20px;left: 0;z-index: 4;display: flex;align-items: center;justify-content: center;width: 100%;}
.slider .navigation .dot {border-radius: 50%;width: 5px;height: 5px;cursor: pointer;background-color: #66d9df;margin: 0 20px;}
.next:hover,.prev:hover {opacity: 1;transition: all 0.7s ease;}
.slider .navigation .active {border-radius: 50%;width: 8px;height: 8px;margin: 0 20px;background-color: #207176;position: relative;}
.slider .navigation .active:after {content: "";position: absolute;left: -2px;top: -2px;width: 100%;height: 100%;border-radius: 50%;border: 2px solid #66d9df;box-shadow: 0 0 4px 1px #66d9df;}
/*.content-center-main {background: url(/images/S17/fon-sidebar.jpg) repeat;box-shadow: inset 0 0 40px #000000;box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);border: 1px solid #fff;padding: 25px;min-height: 1200px;}*/


/* Footer
-----------------------------------------------------------------------------*/
.footer {height: 230px;position: relative;}
.footer-logo {text-align: center;}
.footer-block-coperite {color: #7b9191;text-align: center;padding-top: 50px;}
.footer-block-coperite a {color: #75bbbe;}
.footer-block-coperite a:hover {text-decoration: underline;}
.footer-block-t {padding-top: 51px;}
.f-menu li {display: inline-block;margin: 15px 23px;}
.f-menu li a {text-transform: uppercase;color: #7b9191;font-size: 14px;}
.f-menu li a:hover {color: #75bbbe;}
.f-menu li a:active {color: #7b9191;}
.footer-block-l {width: 320px;float: left;padding-top: 15px;}
.footer-block-r {width: 320px;float: right;padding-top: 50px;text-align: center;}
.soc-block a {display: inline-block;text-align: center;border-radius: 50%;padding-top: 8px;margin-left: 20px;background-color: #dc546b;height: 33px;width: 33px;}
.soc-block a:hover {-webkit-filter: brightness(120%);filter: brightness(120%);}


/* WebEngine
-----------------------------------------------------------------------------*/
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:none!important}
.admincp-button{position:absolute;top:10px;right:10px;z-index:9999}
.page-title{color:#8b6757;font-family:'PT Sans',sans-serif;text-align:center;font-size:32px;margin-bottom:10px;font-weight:700}
.rankings-table{width:100%;border-spacing:0;border-collapse:collapse;-moz-box-shadow:0 0 5px #e3e3e3;-webkit-box-shadow:0 0 5px #e3e3e3;box-shadow:0 0 5px #e3e3e3}
.rankings-class-image{width:30px;height:auto;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;-moz-border-radius:0;border-radius:0}
.rankings-table tr td{border-bottom:1px solid #e3e3e3;padding:10px;font-size:14px;vertical-align:middle!important;text-align:center}
.rankings-table-place{color:#666;font-weight:700;font-size:24px;text-align:center}
.rankings-table tr:first-child td{color:#8b6757;border-bottom:3px solid #8b6757}
.rankings-update-time{text-align:right;font-size:11px;color:#ccc;padding:10px 0}
.rankings_menu{width:100%;overflow:auto;text-align:center;margin-bottom:10px}
.rankings_menu span{width:100%;display:inline-block;padding:10px 0;color:#ccc;font-size:24px}
.rankings_menu a{display:inline-block;width:150px;height:48px;line-height:40px;border:1px solid #c5f4f6;text-align:center;padding:2px 0;margin:2px;background:linear-gradient(to top,#75bbbe,#8ed3d6);-moz-border-radius:2px;border-radius:2px;color:#fff;text-decoration:none}
.rankings_menu a:hover{filter:brightness(110%)}
.rankings_menu a.active{background:linear-gradient(to top,#5d9597,#76afb3);border:1px solid #76aaac}
.rankings_guild_logo tr td{border:0!important;padding:0!important;margin:0!important}
.rankings-gens-img{width:auto!important;height:30px!important;border:0!important;-moz-box-shadow:0 0 0 #000!important;-webkit-box-shadow:0 0 0 #000!important;box-shadow:0 0 0 #000!important;-moz-border-radius:0!important;border-radius:0!important}
.myaccount-table{width:100%;background:#f1f1f1;border:1px solid #e3e3e3}
.myaccount-table tr td:first-child{color:#666;font-weight:700}
.myaccount-table tr td{border-bottom:1px solid #e3e3e3;padding:15px!important}
.myaccount-table tr:last-child td{border:0}
.general-table-ui{width:100%;table-layout:fixed;background:#f1f1f1;border:1px solid #e3e3e3;padding:10px;margin:10px 0}
.general-table-ui tr td{padding:5px;vertical-align:middle!important}
.general-table-ui tr:first-child td{color:#8b6757}
.general-table-ui tr:nth-child(2n+2) td{background:#fafafa}
.general-table-ui tr td{text-align:center}
.general-table-ui img{width:50px;height:auto;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;-moz-border-radius:0;border-radius:0}
.lk-form ul{list-style-type:none;padding:0;margin:0}
.lk-form ul li{display:table;width:100%;vertical-align:middle;line-height:30px}
.lk-form ul li a{color:#0b8a88!important;font-weight:700}
.lk-form ul li a:active,.panel-usercp ul li a:hover{color:#0b8a88!important}
.lk-form ul li a:hover{padding:0 10px}
.lk-form ul li img{position:relative;top:-2px;padding-right:10px}
.paypal-gateway-container{width:100%;background:#1a2133;border:1px solid #2e374f}
.paypal-gateway-logo{width:100%;height:68px;background:#fff9ec url(/images/paypal-logo-200-68.png) no-repeat top center;margin-bottom:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.paypal-gateway-content{margin:10px;background:#fef2da;border:2px solid #f79433;padding:10px;overflow:auto}
.paypal-gateway-conversion-rate{margin:0 auto;text-align:center;color:#000;font-size:18px;padding:10px 0}
.paypal-gateway-form{width:100%;margin:0 auto;text-align:center}
.paypal-gateway-form div{display:inline-block;padding:0 10px;color:#000;font-size:18px}
.paypal-gateway-form input[type=text]{width:40px}
.paypal-gateway-continue{margin:0 auto;text-align:center}
.paypal-gateway-continue input[type=submit] {background: url(/images/paypal-submit.jpg) no-repeat;width: 200px;height: 40px;border: 0}
.panel-downloads{margin-bottom:30px;padding-left:15px;background:#f1f1f1;border:1px solid #e3e3e3;-moz-border-radius:0;border-radius:0;color:#333}
.download-description{font-size:11px;position:relative;top:-7px;color:#777}
.online-status-indicator{margin-left:5px}
.panel-body{padding:15px 0}
.panel-news {margin-bottom:30px;color:#333;border:0;-webkit-box-shadow:0 1px 1px #000000;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0);box-shadow:0 1px 1px #000000;box-shadow:0 1px 1px rgba(0,0,0,0)}
.panel-news .panel-heading{padding:5px 0 0;border-bottom:2px solid #0b8a88}
.panel-news .panel-title{color:#2a292e;font-size:22px;font-weight:700;text-transform:uppercase}
.panel-news .panel-footer {border-top:1px solid #e7e700;border-top:1px solid rgba(231, 231, 0, 0.91);background:#ffffff;background:rgba(255,255,255,0);font-style:italic;font-size:11px;height:40px;color:#777}
.panel {background-color:#000000;background-color:rgba(0,0,0,0)}

.panel-title{color:#0b8a88}


#divYapi {width: 1280px;min-height: 950px;height: auto;margin: auto;color: #5a4f4c;padding: 0 0 93px 0;font-size: 14px;height: auto;margin: 0 auto;padding: 0;}
#divYapiUst  {height:auto; position: relative;}
#divYapiUst .logo {width: 1280px;height: 275px; margin-top: -80px; background: url('/images/ozel/logo.png') no-repeat;background-size: 100px;background-size: contain;background-position-x: center;}
#divYapiSol  {float: left;width: 320px; height: auto; margin: 0 0 0 0; }
#divYapiOrta {float: left;width: 637px;line-height: 1.3;position: relative;margin-left: 1px;margin-right: 1px;background: url(/images/S17/fon-sidebar.jpg) repeat;box-shadow: inset 0 0 40px #000000;box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.3);border: 1px solid #fff;padding: 25px;min-height: 1200px;}
#divYapiSag  {float: left;width: 320px; height: auto;}


/*#divYapiSag .oyunindir_btn {background: url('/images/S10/indir1-btn.png') no-repeat;background-size: auto auto;width: 100%;height: 90px;background-size: cover;margin-bottom: 20px;padding-top: 15px;text-align: center;color: #1f1f1f !important;font-size: 27px;filter: hue-rotate(299deg);text-decoration: none !important;text-shadow: 1px 1px 0px #b0a9d8;border: 1px solid rgba(49, 49, 49, 0.43);box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.29), 0px 0px 5px rgba(0, 0, 0, 0.35); font-weight: bold;}*/
#divYapiSag .oyunindir_btn:hover {box-shadow: inset 0 0 100px #000000, 0 0 5px rgb(0, 0, 0);box-shadow: inset 0 0 100px rgba(0, 0, 0, 0), 0 0 5px rgb(0, 0, 0);}
#divYapiSag .oyunindir_btn small {font-size: 12px; display: list-item; text-transform: uppercase; letter-spacing: 1px;}



#iFrameAna {border: 0;min-width: 100%;min-height: 690px; overflow: hidden;}
.alert-box {border-radius: 10px;text-shadow: none;font-size: 12px;width: 90%;padding: 8px; margin: 0 0 0 30px; text-align: center;color: #000;}
.info {background: #c2c2c2;border: 1px solid #666;color: #000;}