/*======================= Base Css =========================*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800&display=swap');



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;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* make sure to set some focus styles for accessibility */

:focus {

    outline: 0;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

    line-height: 1;

  font-family: 'Open Sans', sans-serif;

  background-color: #060411;

}



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;

}



input[type=search]::-webkit-search-cancel-button,

input[type=search]::-webkit-search-decoration,

input[type=search]::-webkit-search-results-button,

input[type=search]::-webkit-search-results-decoration {

    -webkit-appearance: none;

    -moz-appearance: none;

}



input[type=search] {

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}



textarea {

    overflow: auto;

    vertical-align: top;

    resize: vertical;

}



/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */



audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    max-width: 100%;

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */



audio:not([controls]) {

    display: none;

    height: 0;

}



/**

 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.

 * Known issue: no IE 6 support.

 */



[hidden] {

    display: none;

}



/**

 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */



html {

    font-size: 100%; /* 1 */

    -webkit-text-size-adjust: 100%; /* 2 */

    -ms-text-size-adjust: 100%; /* 2 */

}



/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */



a:focus {

    outline: thin dotted;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */



a:active,

a:hover {

    outline: 0;

}



/**

 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.

 * 2. Improve image quality when scaled in IE 7.

 */



img {

    border: 0; /* 1 */

    -ms-interpolation-mode: bicubic; /* 2 */

}



/**

 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

 */



figure {

    margin: 0;

}



/**

 * Correct margin displayed oddly in IE 6/7.

 */



form {

    margin: 0;

}



/**

 * Define consistent border, margin, and padding.

 */



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct color not being inherited in IE 6/7/8/9.

 * 2. Correct text not wrapping in Firefox 3.

 * 3. Correct alignment displayed oddly in IE 6/7.

 */



legend {

    border: 0; /* 1 */

    padding: 0;

    white-space: normal; /* 2 */

    *margin-left: -7px; /* 3 */

}



/**

 * 1. Correct font size not being inherited in all browsers.

 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,

 *    and Chrome.

 * 3. Improve appearance and consistency in all browsers.

 */



button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    *vertical-align: middle; /* 3 */

}



/**

 * Address Firefox 3+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */



button,

input {

    line-height: normal;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */



button,

select {

    text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.

 *    Known issue: inner spacing remains in IE 6.

 */



button,

html input[type="button"], /* 1 */

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button; /* 2 */

    cursor: pointer; /* 3 */

    *overflow: visible;  /* 4 */

}



/**

 * Re-set default cursor for disabled elements.

 */



button[disabled],

html input[disabled] {

    cursor: default;

}





a, button{

    text-decoration: none;

    outline: none;

}



/**

 * 1. Address box sizing set to content-box in IE 8/9.

 * 2. Remove excess padding in IE 8/9.

 * 3. Remove excess padding in IE 7.

 *    Known issue: excess padding remains in IE 6.

 */



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box; /* 1 */

    padding: 0; /* 2 */

    *height: 13px; /* 3 */

    *width: 13px; /* 3 */

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */



input[type="search"] {

    -webkit-appearance: textfield; /* 1 */

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box; /* 2 */

    box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



/**

 * Remove inner padding and border in Firefox 3+.

 */



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



/**

 * 1. Remove default vertical scrollbar in IE 6/7/8/9.

 * 2. Improve readability and alignment in all browsers.

 */



textarea {

    overflow: auto; /* 1 */

    vertical-align: top; /* 2 */

}



/**

 * Remove most spacing between table cells.

 */



table {

    border-collapse: collapse;

    border-spacing: 0;

}



html,

button,

input,

select,

textarea {

    color: #fff;

}





::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}





/*============================== Base Css ==============================*/



.container{

    max-width: 1200px;

    margin: 0 auto;

}

header {

	height: 426px;

	background-image: url(../img/header-bg.jpg);

	background-position: center;

	background-size: cover;

	border-bottom: 1px solid #2a3c81;

}

.mainmenu-warp {

	justify-content: space-between;

    display: flex;

    

}



.mainmenu-warp {

    justify-content: space-between;

    display: flex;

    padding-top: 15px

  }

  .mainmenu-warp ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

  .mainmenu-warp ul li {

    display: inline-block;

  }

  .mainmenu-warp li a {

    text-decoration: none;

    color: #fff;

    padding: 10px;

    display: inline-block;

    padding-top: 15px;

    position: relative;

  }

  .mainmenu-warp li a:hover {

    color: #9aa9d9;

  }

  .mainmenu-left li {

	margin-right: 50px;

}

  .mainmenu-right li {

	margin-left: 50px;

}

  .mainmenu-lang li {

padding-top: 55px;

}

.mainmenu-left li a.active::after {

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	height: 2px;

	width: 100%;

	content: '';

}



.main-warp-left {

	width: 25%;

	float: left;

	border-left: 2px solid #1b2134;

	background: #101525;

}

.main-warp-center {

	width: 50%;

	float: left;

}

.main-warp-right {

    width: 24.6%;

    float: left;

    background-color: #101525;

    border-right: 2px solid #1b2134;

}

.main-warp-lang {

    width: 24.6%;

    float: left;

    background-color: #101525;

    border-right: 2px solid #1b2134;

}

.download-client {

	text-align: center;

	display: table;

	width: 100%;

	height: 140px;

	position: relative;

	z-index: 1;

	border-right: 2px solid #2f3f95;

	border-bottom: 2px solid #2f3f95;

}

.d-frm3 {

	position: absolute;

	right: -15px;

	z-index: 99999999999 !important;

	top: -15px;

}

.main-area .container {

	position: relative;

}

.frm-5 {

	position: absolute;

	right: -70px;

	top: -12px;

}

.main-warp-left {

	position: relative;

	z-index: 9999;

}

.download-client-bt {

	background: url(../img/bg-1.png);

	width: 100%;

	height: 140px;

	background-position: center;

    background-size: cover;

    display: table-cell;

    vertical-align: middle;

}

.download-client a {

	width: 100% !important;

    display: inherit;

    text-decoration: none;

}

.download-client-bt img {

	margin-bottom: 12px;

}

.download-client-bt h2 {

	font-size: 16px;

	text-transform: uppercase;

	color: #fff;

	letter-spacing: .5px;

	font-weight: 600;

}

.d-frm1 {

	position: absolute;

	left: -4px;

	bottom: -1px;

	width: 25px;

}

.d-frm2 {

	position: absolute;

	right: -4px;

	width: 25px;

	bottom: -3px;

}

.download-client-bt p {

	font-size: 12px;

	color: #fff;

	letter-spacing: .5px;

	margin: 0;

	margin-top: 10px;

}

.main-area {

	display: inline-block;

	width: 100%;

	margin-bottom: 50px;

	margin-top: -50px;

}



.register-box-title {

	background: url(../img/title-bg.png);

	border-bottom: 1px solid #374369;

	padding: 17px 15px;

	display: flex;

	justify-content: space-between;

	background-position: center;

	background-size: cover;

}

.register-box-title h4 {

	font-size: 10pt;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: .5px;

	margin-top: 2px;

}

.rs-or a {

	color: #6679b5;

	letter-spacing: .5px;

	font-size: 15px;

	text-decoration: navajowhite;

}

.rs-or span {

	color: #687496;

	font-size: 16px;

	margin-right: 5px;

}





/* The container */

.container-ck {

    display: block;

    position: relative;

    padding-left: 5px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  

  /* Hide the browser's default checkbox */

  .container-ck input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

  }

  

  /* Create a custom checkbox */

  .checkmark {

	position: absolute;

	top: 0;

	left: 0;

	height: 16px;

	width: 17px;

	background-color: #0a0e19 !important;

}

  

  /* On mouse-over, add a grey background color */

  .container-ck:hover input ~ .checkmark {

    background-color: #ccc;

  }

  

  /* When the checkbox is checked, add a blue background */

  .container-ck input:checked ~ .checkmark {

    background-color: #2196F3;

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .container-ck input:checked ~ .checkmark:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

  .container-ck .checkmark::after {

	left: 7px;

	top: 2px;

	width: 3px;

	height: 8px;

	border: solid white;

	border-width: 0 2px 2px 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}





  .checkmark2 {

	position: absolute;

	top: 0;

	left: 75px;

	height: 16px;

	width: 17px;

	margin-top: 8px;

	background-color: #0a0e19 !important;

}



  /* On mouse-over, add a grey background color */

  .container-ck:hover input ~ .checkmark2 {

    background-color: #ccc;

  }

  

  /* When the checkbox is checked, add a blue background */

  .container-ck input:checked ~ .checkmark2 {

    background-color: #2196F3;

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark2:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .container-ck input:checked ~ .checkmark2:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

  .container-ck .checkmark2::after {

	left: 7px;

	top: 2px;

	width: 3px;

	height: 8px;

	border: solid white;

	border-width: 0 2px 2px 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}





  .register-form {

	padding-top: 15px;

    padding-left: 20px;

    background: #101525;

    margin-top: 10px;

}



.register-form input {

	background: #0a0e19;

	border: 1px solid #1e253c;

	color: #fff;

	font-size: 14px;

	letter-spacing: .4px;

	display: inline-block;

	overflow: hidden;

	width: 92%;

	padding: 11px 10px;

	margin: 5px 0;

}

.check-btn {

	display: flex;

	justify-content: space-between;

	margin: 15px 0;

}

.check-box p {

	font-size: 12px;

	color: #fff;

	letter-spacing: .4px;

	line-height: 15px;

}



.submit-bnt  {

	display: flex;

	justify-content: space-between;

	margin-right: 30px;

}



.submit-bnt button {

	background-image: url(../img/btn-bg.png);

	background-position: center;

	background-size: cover;

	background-color: #1bb4ca;

	border: none;

	font-size: 12px;

	text-transform: uppercase;

	color: #fff;

	font-weight: 600;

	letter-spacing: .5px;

	text-align: center;

	width: 95px;

	height: 30px;

}



.submit-bnt button:hover {

	color: #9aa9d9;

}



.submit-bnt-register  {

	display: flex;

	justify-content: space-between;

	margin-left: 170px;

	margin-top: 30px;	

}



.submit-bnt-register button {

	background-image: url(../img/btn-bg.png);

	background-position: center;

	background-size: cover;

	background-color: #1bb4ca;

	border: none;

	font-size: 12px;

	text-transform: uppercase;

	color: #fff;

	font-weight: 600;

	letter-spacing: .5px;

	text-align: center;

	width: 95px;

	height: 30px;

}



.submit-bnt-register button:hover {

	color: #9aa9d9;

}



.check-box {

	padding-top: 6px;

}



.rank-table {

	padding: 20px 15px;

}



.rank-table th, td {

	color: #fff;

	font-size: 14px;

    letter-spacing: .4px;

    

}

.rank-table2 th, td {

	color: #fff;

	font-size: 14px;

    letter-spacing: .4px;

    display: inline-block!important;

}

table {

	width: 100%;

}

.rank-table tr td:last-child {

    text-align: right;

    display: inline-block;

    float: right;

}

.rank-table tr th:last-child {

	display: inline-block;

    float: right;

}

.rank-table tr {

	padding: 15px 0;

	display: inline-block;

	border-bottom: 1px solid #171d31;

	width: 100%;

}



.rank-table tr td:first-child {

    width: 25px;

}

.rank-table tr th:first-child {

	width: 25px;

}

.rank-table th {

    color: #6679b5;

    font-size: 13px;

}





.slider-banner {

	height: 260px;

	position: relative;

}

.slider-banner .single-slider {

	background-position: center;

	background-size: cover;

	background-color: #ddd;

	height: 260px;

	width: 100%;

}



.slider-txt {

	display: inline-block;

	position: absolute;

	bottom: 30px;

	left: 30px;

}

.slider-txt h4 {

	color: #fff;

	letter-spacing: .5px;

	font-size: 18px;

}

.slider-txt h2 {

	font-size: 24px;

	font-weight: 600;

	letter-spacing: .7px;

	margin-bottom: 10px;

	color: #fff;

}

.slider-bg-1 {

	background-image: url(../img/slider-1.jpg);

}

.slider-bg-2 {

	background-image: url(../img/slider-2.jpg);

}

.slider-bg-3 {

	background-image: url(../img/slider-3.jpg);

}

.slider-banner .owl-nav {

	position: absolute;

	bottom: 20px;

	right: 25px;

}

.slider-banner .owl-nav div {

	width: 50px;

	display: inline-block;

	background: #080c19;

	color: #fff;

	font-size: 24px;

	height: 32px;

}

.slider-banner .owl-nav i {

    line-height: 30px;

    font-size: 20px;

}

.slider-banner .owl-prev i {

	text-align: left;

	padding-left: 15px;

	

}

.slider-banner .owl-next {

	text-align: right;

}

.slider-banner .owl-next i {

	padding-right: 15px;

}



.owl-dots {

	counter-reset: slides-num;

	position: absolute;

	margin-top: 15px;

	right: 62px;

	bottom: 27px;

	color: #fff;

	font-size: inherit;

}

.owl-dots::after {

	content: counter(slides-num);

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	vertical-align: middle;

	margin-left: -8px;

	margin-top: -5px;

}

  

  .owl-dot {

    display: inline-block;

    counter-increment: slides-num;

    /* Increment counter */

    margin-right: 5px;

  }

  .owl-dot span {

    display: none;

  }

  .owl-dot.active:before {

    content: counter(slides-num) "/";

    /* Use the same counter to get current item. */

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    position: absolute;

    left: 0;

    top: 0;

    color: #97b0ff;

  }

  .rank-table span {

	color: #7cdcff;

}

.table-2 span {

	color: #a492ff;

}



.tabs-title {

	display: inline-block;

	float: left;

	margin-right: 25px;

}

.tabs-title h4 {

	font-size: 15px;

	text-transform: uppercase;

	color: #fff;

    font-weight: 600;

    padding-top: 5px;

}

.news-tab-area {

	padding: 20px;

}

.news-tab-area {

	padding: 15px;

}

.tabs-title-right {

    float: right;

    display: inline-block;

    padding-top: 5px;

}

.tabs-title-right a {

	color: #6679b5;

	text-decoration: none;

    font-size: 14px;

    

}

.tabbs-list {

	display: inline-block;

	float: left;

}

.tabbs-list button {

	background: transparent;

	color: #424a62;

	border: none;

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: .5px;

	font-weight: 500;

	padding: 5px 15px;

}





/* Style the tab */

.tab {

    overflow: hidden;

  }

  

  /* Style the buttons inside the tab */

  .tab button {

    background-color: inherit;

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    transition: 0.3s;

  }

  

  /* Change background color of buttons on hover */

  .tab button:hover {

    color: #9aa9d9;

	text-shadow: 0 0 5px #9aa9d9;

  }

  

  /* Create an active/current tablink class */

  .tab button.active {

	color: #9aa9d9;

	text-shadow: 0 0 5px #9aa9d9;

}

  

  /* Style the tab content */

  .tabcontent {

    display: none;

    border-top: none;

  }

  .tab-text {

	display: inline-block;

	width: 100%;

	margin-top: 25px;

	color: #fff;

}

.tbas-title-warp {

	display: inline-block;

	width: 100%;

	border-bottom: 1px solid #323c5b;

	padding-bottom: 15px;

}

.news-itm-title {

    background: #11182d;

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}

.news-itm-title p {

    display: inline-block;

    color: #626c89;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: .5px;

}

.news-itm-title p span {

    color: #fff;

}

.news-itm-title h4 {

    font-size: 16px;

    display: inline-block;

}

.t-txt {

    width: 100%;

    padding: 20px 15px;

    display: flex;

    justify-content: space-between;

}

.news-left {

    width: 40%;

    float: left;

}

.news-right {

    width: 60%;

    float: left;

    

}

.news-left img {

    width: 100%;

}

.news-right p {

    font-size: 13px;

    line-height: 17px;

    padding-left: 15px;

    margin-top: -4px;

}

.sngle-news-itm {

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}

.pagination {

    text-align: center;

    margin-top: 30px;

}

.pagination button {

    background: #11182d;

    color: #fff;

    width: 35px;

    display: inline-block;

    height: 30px;

    border: 1px solid #1c2748;

    font-size: 14px;

}

.pagination .active {

    background: #1c2748;

}

.static-server {

	padding: 15px;

}

.single-serv-txt {

	border-bottom: 1px solid #1e253c;

	padding: 13px 0;

	color: #fff;

}

.single-serv-txt p {

	color: #626c89;

	font-size: 13px;

	margin-top: 7px;

}

.single-serv-txt p span {

	color: #fff;

}

.single-serv-txt h4 {

    font-size: 15px;

    

}

.single-solution {

	background-position: center;

	background-size: cover;

    height: 100px;

}

.solution-bg1 {

    background-image: url(../img/bg2.png);

}

.solution-bg2 {

    background-image: url(../img/bg3.png);

}

.solution-bg3 {

    background-image: url(../img/bg4.png);

}

.txt-solutions {

	display: inline-block;

	padding:30px 15px;

	color: #fff;

}

.txt-solutions h4 {

	font-size: 16px;

	font-weight: 600;

	letter-spacing: .5px;

	margin-bottom: 10px;

}

.txt-solutions p {

	color: #89a8ff;

	font-size: 14px;

}

.single-serv-txt:last-child {

    border-bottom: none;

    padding-bottom: 0;

}



.event-title h4 {

	font-size: 16px;

	color: #fff;

	letter-spacing: .5px;

	font-weight: 600;

	margin-bottom: 10px;

}

.event-inner {

	padding: 15px;

}



.event-title p {

	color: #fff;

	font-size: 14px;

	margin-bottom: 20px;

}

.event-boc-bg img {

    width: 95%;

    z-index: 9;

    position: relative;

}

.event-boc-bg {

    position: relative;

    z-index: 1;

    margin-bottom: 15px;

}

.event-boc-bg::after {

	position: absolute;

	right: 0;

	bottom: 35%;

	background: #1f2841;

	width: 1px;

	height: 100%;

	content: '';

}

.event-boc-bg::before {

	position: absolute;

	right: 0;

	bottom: 35%;

	background: #1f2841;

	width: 20px;

	height: 1px;

    content: '';

    z-index: -1;

}



.event-title {

	position: relative;

	z-index: 1;

}

.event-title::after {

	position: absolute;

	left: 0;

	right: 0;

	top: 45%;

	width: 28%;

	height: 1px;

	background: #1f2841;

	content: '';

}

.event-title p {

	color: #626c89;

}

.event-title span {

	color: #fff;

}

.event-inner p {

    color: #fff;

    font-size: 13.5px;

    line-height: 20px;

}

.static-server.static-last {

	padding: 0;

}

.static-last .single-serv-txt {

	border-bottom: none;

	padding: 21px 15px !important;

	color: #fff;

	background-image: url(../img/title-bg.png);

	background-position: center;

	background-size: cover;

}



.static-last .single-serv-txt {

	position: relative;

}

.bdr {

	width: 30%;

	height: 1px;

	background: #1f2841;

	right: 0;

	position: absolute;

	top: 55%;

}

.bdr::after {

	background: #435280;

	position: absolute;

	left: 1px;

	top: -3px;

	content: '';

	width: 7px;

	height: 7px;

	border-radius: 100%;

}

.main-content-center {

	display: inline-block;

	width: 100%;

	position: relative;

	z-index: 1;

	background-color: #0c111e;

	box-shadow: 0 -21px 14px -10px #060411;

}

.country-dropdown {

    display: inline-block;

    float: right;

	/* margin-left: -230px; */

	position: relative;

}



.preview-country {

	padding-top: 12px;

	color: #fff;

	position: relative;

}

footer .country-dropdown {

	padding-top: 5px;

}

.preview-country a {

    color: #fff;

	background-size: cover;

	background-position: center center;

}



.preview-country a:hover {

    color: #9aa9d9;

	text-decoration: none;

}



.preview-country a i {

    position: relative;

    top: 2px;

    transition: .3s;

}

.preview-country a:hover i {

    transform: rotate(180deg);

}



.preview-country img {

    border: 1px solid #272130;

    border-radius: 100%;

	background: #272130;

	width: 20px;

}

.footer-menu {

    display: inline-block;

    float: left;

}

.footer-top-right {

    display: inline-block;

    float: right;

}

.social-are {

    float: left;

    display: inline-block;

	padding-top: 18px;

	padding-right: 20px;

	padding-left: 20px;

}

.social-are a i {

    color: #1b233e;

    font-size: 18px;

	margin: 0 7px;

	transition: .3s;

}

.social-are a i:hover {

	color: #fff;

}

.footer-menu li a {

    text-decoration: none;

    color: #fff;

    padding: 10px;

    display: inline-block;

    padding-top: 15px;

	position: relative;

	text-decoration: none;

}

.footer-menu li {

    display: inline-block;

    padding-right: 80px;

}

.footer-menu ul{

	margin: 0;

	padding: 0;

}

.footer-menu-warp {

    display: inline-block;

    width: 100%;

    padding-bottom: 50px;

    border-bottom: 1px solid #141a2e;

    margin-bottom: 60px;

}

.footer-bottom-item {

    display: inline-block;

    width: 33.33%;

    float: left;

}

.back-to-top {

    text-align: center;

}

.back-to-top img{

    cursor: pointer;

}

.copyright a {

    color: #6674a1;

    text-decoration: none;

}

.copyright {

    float: right;

    text-align: right;

}

.copyright {

    color: #525b77;

    font-size: 15px;

    padding-top: 17px;

}

.footer-bottom-item span {

	color: #525b77;

	font-size: 15px;

}



.footer-bottom-item a {

	color: #6674a1;

	text-decoration: none;

}

.footer-bottom-item p {

    color: #6674a1;

    font-size: 15px;

    margin-bottom: 7px;

}

.footer-bottom {

    display: inline-block;

    width: 100%;

    padding-bottom: 25px;

}

.text-footer {

    padding-top: 8px;

}

footer {

    background: url(../img/footer-bg.png);

    background-position: center;

    background-size: cover;

}

.rank-table {

    padding-bottom: 22px;

}

.frame {

	position: absolute;

	left: -20px;

	top: -23px;

	width: 103%;

	height: auto;

	/* z-index: -1; */

}

.frame-2 {

	position: absolute;

	left: -8px;

    bottom: -8px;

    width: 22px;

}

.frame-3 {

	position: absolute;

	right: -8px;

	bottom: -8px;

}





.crate-title {

	padding: 25px 15px;

	text-align: center;

	color: #fff;

	font-size: 22px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 600;

	border-bottom: 1px solid #262e4b;

	margin: 0 25px;

	margin-bottom: 30px;

}

.creation-form {

	max-width: 450px;

	margin: 0 auto;

}

.creation-form input[type=text], .creation-form input[type=password], .creation-form input[type=number], .creation-form input[type=email], .creation-form textarea, .creation-form select {

	width: 260px;

	display: block;

	/*height: 25px;*/

	padding: 10px;

	border: 1px solid #262e4b;

    margin: 15px auto;

    background-color: #0a0e19;

    color: #fff;

    font-size: 14px;



}

.check-box a {

	text-decoration: none;

	color: #849ad4;

}

.creation-form .submit-bnt {

	text-align: center;

	margin-top: 30px;

	margin-bottom: 50px;

}

.creation-form .check-box {

    margin-top: 25px;

}





.Download-games {

    padding: 0 25px;

  }

  .single-download {

    width: 50%;

    float: left;

  }



  .single-download-item {

    width: 100%;

    background: #0f1526;

    border-radius: 5px;

    text-align: center;

    padding: 32px 25px;

  }

  .single-download-item {

	width: auto;

	background: #0f1526;

	border-radius: 5px;

	text-align: center;

	padding: 32px 15px;

	margin: 12px;

}

.single-download-item h4 {

	color: #fff;

	font-size: 14px;

	font-weight: 600;

    margin-bottom: 10px;

    line-height: 22px;

}

.single-download-item p {

	color: #626c89;

	font-size: 13px;

	letter-spacing: .5px;

}

.download-item-warp {

	display: inline-block;

	width: 100%;

	margin-bottom: 25px;

}

.download-requerment {

	background: #0f1526;

	padding: 25px;

	text-align: center;

	border-radius: 5px;

	color: #fff;

	line-height: 27px;

    font-size: 15px;

    margin-bottom: 50px;

}

.download-requerment span {

	color: #626c89;

}

.download-requerment h4 {

	font-size: 18px;

	letter-spacing: .7px;

}

.mean-container .mean-bar {

    top: 37px;

    right: 0px;

    outline: none;

}

.meanmenu-reveal.meanclose {

	outline: none;

}

a.meanmenu-reveal {

	display: none;

	outline: none !important;

}

.mean-container .mean-nav ul li a {

	padding: 1em 5%;

	font-size: 14px;

	outline: none;

	border-color: #13192c;

}

.mean-nav {

	position: absolute;

}

.mean-container .mean-nav {

	background: #101525;

}

.frm-6 {

	position: absolute;

	right: -35px;

	top: -10px;

}

.frm-7 {

	position: absolute;

	left: -25px;

	top: 10%;

}

.frm-9 {

	position: absolute;

	left: -19px;

	width: 30px;

	top: 20px;

}

.frm-8 {

	position: absolute;

	right: 10px;

	top: -12px;

	z-index: 9;

}

.tp-frm1 {

	position: absolute;

	left: -21px;

	top: -20px;

	width: 65px;

}



.form-horizontal .control-group{margin-bottom:20px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}

.form-horizontal .control-group:after{clear:both;}

.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}

.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:180px;}

.form-horizontal .help-block{margin-bottom:0;}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px;}

.form-horizontal .form-actions{padding-left:180px;}



.alert {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px

}

.alert h4 {

    margin-top: 0;

    color: inherit

}

.alert .alert-link {

    font-weight: 700

}

.alert>p,

.alert>ul {

    margin-bottom: 0

}

.alert>p+p {

    margin-top: 5px

}

.alert-dismissable,

.alert-dismissible {

    padding-right: 35px

}

.alert-dismissable .close,

.alert-dismissible .close {

    position: relative;

    top: -2px;

    right: -21px;

    color: inherit

}

.alert-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6

}

.alert-success hr {

    border-top-color: #c9e2b3

}

.alert-success .alert-link {

    color: #2b542c

}

.alert-info {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1

}

.alert-info hr {

    border-top-color: #a6e1ec

}

.alert-info .alert-link {

    color: #245269

}

.alert-warning {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc

}

.alert-warning hr {

    border-top-color: #f7e1b5

}

.alert-warning .alert-link {

    color: #66512c

}

.alert-danger {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1

}

.alert-danger hr {

    border-top-color: #e4b9c0

}

.alert-danger .alert-link {

    color: #843534

}



.dropdown {

  position: relative;

  display: inline-block;

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 14px;

  margin-top: 10px;

  margin-left: -95px;

}

.dropdown:hover{

  cursor:pointer;

}

.dropdown > a, .dropdown > button {

  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  font-size: 16px;

  padding: 6px 20px 6px 10px;

  border-radius: 4px;

  display: inline-block;

  color: white;

  text-decoration: none;

}



.dropdown > a:before, .dropdown > button:before {

  position: absolute;

  right: 7px;

  top: 12px;

  content: ' ';

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid black;

}



.dropdown input[type=checkbox] {

  position: absolute;

  display: block;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  margin: 0px;

  opacity: 0;

}



.dropdown input[type=checkbox]:checked {

  position: fixed;

  z-index:+0;

  top: 0px; left: 0px; 

  right: 0px; bottom: 0px;

}



.dropdown ul {

  position: absolute;

  top: 35px;

  border: 1px solid #ccc;

  border-radius: 3px;

  left: 0px;

  list-style: none;

  padding: 4px 0px;

  display: none;

  background-color: #0F1525;

  box-shadow: 0 3px 6px rgba(0,0,0,.175);

}



.dropdown input[type=checkbox]:checked + ul {

  display: block;

}



.dropdown ul li {

  display: block;

  white-space: nowrap;

  min-width: 100px;

}



.dropdown ul li:hover {

  cursor: pointer;

}



.dropdown ul li a {

  text-decoration: none;

  display: block;

  color: white

}



.dropdown .divider {

  height: 1px;

  margin: 9px 0;

  overflow: hidden;

  background-color: #e5e5e5;

  font-size: 1px;

  padding: 0;

}



.list-group {

    padding-left: 0;

    margin-bottom: 20px

}

.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: #11172D;

    border: 1px solid #0B111D;

	width: 250px;

}

.list-group-item:first-child {

    border-top-left-radius: 4px;

    border-top-right-radius: 4px

}

.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px

}

a.list-group-item,

button.list-group-item {

    color: #fff

}

a.list-group-item .list-group-item-heading,

button.list-group-item .list-group-item-heading {

	color: #fff

}

a.list-group-item:focus,

a.list-group-item:hover,

button.list-group-item:focus,

button.list-group-item:hover {

    color: #FFFFE1;

    text-decoration: none;

    background-color: #0B111D

}

button.list-group-item {

    width: 100%;

    text-align: left

}

.list-group-item.disabled,

.list-group-item.disabled:focus,

.list-group-item.disabled:hover {

    color: #777;

    cursor: not-allowed;

    background-color: #1D2643

}

.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading {

    color: inherit

}

.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text {

    color: #777

}

.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    background-color: #0F1722;

    border-color: #0F1722

}

.list-group-item.active .list-group-item-heading,

.list-group-item.active .list-group-item-heading>.small,

.list-group-item.active .list-group-item-heading>small,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading>.small,

.list-group-item.active:focus .list-group-item-heading>small,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading>.small,

.list-group-item.active:hover .list-group-item-heading>small {

    color: inherit

}

.list-group-item.active .list-group-item-text,

.list-group-item.active:focus .list-group-item-text,

.list-group-item.active:hover .list-group-item-text {

    color: #c7ddef

}

.list-group-item-success {

    color: #3c763d;

    background-color: #dff0d8

}

a.list-group-item-success,

button.list-group-item-success {

    color: #3c763d

}

a.list-group-item-success .list-group-item-heading,

button.list-group-item-success .list-group-item-heading {

    color: inherit

}

a.list-group-item-success:focus,

a.list-group-item-success:hover,

button.list-group-item-success:focus,

button.list-group-item-success:hover {

    color: #3c763d;

    background-color: #d0e9c6

}

a.list-group-item-success.active,

a.list-group-item-success.active:focus,

a.list-group-item-success.active:hover,

button.list-group-item-success.active,

button.list-group-item-success.active:focus,

button.list-group-item-success.active:hover {

    color: #fff;

    background-color: #3c763d;

    border-color: #3c763d

}

.list-group-item-info {

    color: #31708f;

    background-color: #d9edf7

}

a.list-group-item-info,

button.list-group-item-info {

    color: #31708f

}

a.list-group-item-info .list-group-item-heading,

button.list-group-item-info .list-group-item-heading {

    color: inherit

}

a.list-group-item-info:focus,

a.list-group-item-info:hover,

button.list-group-item-info:focus,

button.list-group-item-info:hover {

    color: #31708f;

    background-color: #c4e3f3

}

a.list-group-item-info.active,

a.list-group-item-info.active:focus,

a.list-group-item-info.active:hover,

button.list-group-item-info.active,

button.list-group-item-info.active:focus,

button.list-group-item-info.active:hover {

    color: #fff;

    background-color: #31708f;

    border-color: #31708f

}

.list-group-item-warning {

    color: #8a6d3b;

    background-color: #fcf8e3

}

a.list-group-item-warning,

button.list-group-item-warning {

    color: #8a6d3b

}

a.list-group-item-warning .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

    color: inherit

}

a.list-group-item-warning:focus,

a.list-group-item-warning:hover,

button.list-group-item-warning:focus,

button.list-group-item-warning:hover {

    color: #8a6d3b;

    background-color: #faf2cc

}

a.list-group-item-warning.active,

a.list-group-item-warning.active:focus,

a.list-group-item-warning.active:hover,

button.list-group-item-warning.active,

button.list-group-item-warning.active:focus,

button.list-group-item-warning.active:hover {

    color: #fff;

    background-color: #8a6d3b;

    border-color: #8a6d3b

}

.list-group-item-danger {

    color: #0F1525;

    background-color: #0F1525

}

a.list-group-item-danger,

button.list-group-item-danger {

    color: #fff

}

a.list-group-item-danger .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading {

    color: inherit

}

a.list-group-item-danger:focus,

a.list-group-item-danger:hover,

button.list-group-item-danger:focus,

button .list-group-item-danger:hover {

    color: #FFFFE1;

    background-color: #060411

}

a.list-group-item-danger.active,

a.list-group-item-danger.active:focus,

a.list-group-item-danger.active:hover,

button.list-group-item-danger.active,

button.list-group-item-danger.active:focus,

button.list-group-item-danger.active:hover {

    color: #fff;

    background-color: #a94442;

    border-color: #a94442

}

.list-group-item-heading {

    margin-top: 0;

    margin-bottom: 5px

}

.list-group-item-text {

    margin-bottom: 0;

    line-height: 1.3

}



.dropdown li {

	display: block;

	padding: 0px 20px;

}



/*header language*/

.lang-menu .nav-wrapper {

/* width: 133px; */

margin-top: 20px;

text-align: center;

}

.lang-menu .preview-country{

    padding-top: 0;

}

.lang-menu .sl-nav {

  display: inline;

}

.lang-menu .sl-nav ul{

  margin:0;

  padding:0;

  list-style: none;

  position: relative;

  display: inline-block;

}

.lang-menu .sl-nav li{

  cursor: pointer;

  padding-bottom:10px;

    margin-left: 0 ;

}

.lang-menu .sl-nav li ul {

  display: none;

}

.lang-menu .sl-nav li:hover ul{

	position: absolute;

	top:20px;

	right:-15px;

	display: block;

	background: #0F1525;

	width: 135px;

	padding-top: 0px;

	margin-top: 10px;

	z-index: 1;

	border: 1px solid #ccc;

	border-radius:3px;

	/* box-shadow: 0px 0px 20px rgba(0,0,0,0.2); */

	box-shadow: 0 3px 6px rgba(0,0,0,.175);

}

.lang-menu .sl-nav li:hover .triangle{

  position: absolute;

  top: 15px;

  right: -10px;

  z-index:10;

  height: 14px;

  overflow:hidden;

  width: 30px;

  background: transparent;

}

.lang-menu .sl-nav li:hover .triangle:after{

  content: '';

  display: block;

  z-index: 20;

  width: 15px;

  transform: rotate(45deg) translateY(0px) translatex(10px);

  height: 15px;

  background: #fff;

  border-radius:2px 0px 0px 0px;

  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

}

.lang-menu .sl-nav li ul li{

  position: relative;

  text-align: left;

  background: transparent;

  padding: 15px 15px;

  padding-bottom:0;

  z-index: 2;

  font-size: 15px;

  color: #3c3c3c;

}

.lang-menu .sl-nav li ul li:last-of-type{

  padding-bottom: 15px;

}

.lang-menu .sl-nav li ul li span{

  padding-left: 5px;

}

.lang-menu .sl-nav li ul li span:hover, .sl-nav li ul li span.active{

  color: #146c78;

}

.lang-menu .sl-flag{

  display: inline-block;

  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);

  width: 15px;

  height: 15px;

  background: #aaa;

  border-radius: 50%;

  position: relative;

  top: 2px;

  overflow: hidden;

}

.lang-menu .flag-de{

background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');

  background-size: cover;

  background-position: center center;

}

.lang-menu .flag-usa{

  background-size: cover;

  background-position: center center;

  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');

}



/*header language*/





























/*Footer language*/

.nav-wrapper {

  width: 55px;

margin: 0;

text-align: center;

}

.sl-nav {

  display: inline;

}

.sl-nav ul {

  margin:0;

  padding:0;

  list-style: none;

  position: relative;

  display: inline-block;

}

.sl-nav li {

  cursor: pointer;

  padding-bottom:10px;

}

.sl-nav li ul {

  display: none;

}

.sl-nav li:hover ul {

  position: absolute;

  top:29px;

  right:-15px;

  display: block;

  background: #fff;

  width: 120px;

  padding-top: 0px;

  z-index: 1;

  border-radius:5px;

  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

}

.sl-nav li:hover .triangle {

  position: absolute;

  top: 15px;

  right: -10px;

  z-index:10;

  height: 14px;

  overflow:hidden;

  width: 30px;

  background: transparent;

}

.sl-nav li:hover .triangle:after {

  content: '';

  display: block;

  z-index: 20;

  width: 15px;

  transform: rotate(45deg) translateY(0px) translatex(10px);

  height: 15px;

  background: #fff;

  border-radius:2px 0px 0px 0px;

  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);

}

.sl-nav li ul li {

  position: relative;

  text-align: left;

  background: transparent;

  padding: 15px 15px;

  padding-bottom:0;

  z-index: 2;

  font-size: 15px;

  color: #3c3c3c;

}

.sl-nav li ul li:last-of-type {

  padding-bottom: 15px;

}

.sl-nav li ul li span {

  padding-left: 5px;

}

.sl-nav li ul li span:hover, .sl-nav li ul li span.active {

  color: #146c78;

}

.sl-flag {

  display: inline-block;

  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);

  width: 15px;

  height: 15px;

  background: #aaa;

  border-radius: 50%;

  position: relative;

  top: 2px;

  overflow: hidden;

}

.flag-de {

background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');

  background-size: cover;

  background-position: center center;

}

.flag-usa {

  background-size: cover;

  background-position: center center;

  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');

}



/*Footer language*/



.form-horizontal p.col-sm-12.control-label {

	width: 260px;

	display: block;

	position: relative;

	padding: 0px;

	left: calc(50% - 130px);

	text-align: left;

	color: #c1c8dc;

	font-size: 14px;

}



.alert {

	font-size: 13px;

	margin-bottom: 10px;

}



.checkbox {

	font-size: 13px;

	text-align: center;

	margin-bottom: 10px;

	color: #737c96;

}



.btn.btn-giris {

	background: url(../img/bg-1.png) no-repeat center;

	background-size: cover !important;

	border: 1px solid #364b7e;

	border-radius: 0px;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 13px;

	text-shadow: 1px 1px 1px black;

}



.btn.btn-giris:hover {

	filter: brightness(1.3) contrast(1.1);

	color: white;

}



.panel-heading {

	padding: 15px 15px;

	text-align: center;

	color: #fff;

	font-size: 20px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 600;

	border-bottom: 1px solid #262e4b;

	margin: 0 25px;

	margin-bottom: 30px;

}



.panel-body {

	padding: 25px;

	padding-top: 0;

}



body {

	color: #838ba0;

	font-size: 14px;

}



table#RankingTable {

	border: none !important;

}



table#RankingTable thead, table#RankingTable tbody {

    border: none;

}



table#RankingTable td, table#RankingTable th {

    border: none;

}



.table-striped tbody tr:nth-of-type(odd) {

	background-color: rgba(156, 156, 156, 0.05);

}



table#RankingTable td, table#RankingTable th {

	padding: 7px 10px;

	display: table-cell!important;

	vertical-align: middle !important;

}



table#GuildRankingTable {

	border: none !important;

}



table#GuildRankingTable thead, table#GuildRankingTable tbody {

    border: none;

}



table#GuildRankingTable td, table#GuildRankingTable th {

    border: none;

}



table#GuildRankingTable td, table#GuildRankingTable th {

	padding: 7px 10px;

	display: table-cell!important;

	vertical-align: middle !important;

}



.sidebar_rank {

	border: none !important;

}



.sidebar_rank thead, .sidebar_rank tbody {

    border: none !important;

}



.sidebar_rank td, .sidebar_rank th {

    border: none !important;

}



.sidebar_rank td, .sidebar_rank th {

	padding: 7px 10px !important;

	display: table-cell!important;

	vertical-align: middle !important;

}



small {

	font-size: 10px;

}



.register-form .list-group a i {

	margin-right: 5px;

	width: 25px;

	text-align: center;

}



.kayip-buttonlar2-cp a.btn.btn-giris {

	width: 48% !important;

	margin: 1% !important;

	float: left;

	display: inline-block;

}



.form-control {

	width: 260px;

	display: block;

	padding: 10px;

	border: 1px solid #262e4b;

	margin: 15px auto;

	background-color: #0a0e19;

	color: #fff;

	font-size: 14px;

}



.form-control:disabled, .form-control[readonly] {

	background-color: #222c48;

}



.KarakterProfil {

	float: left;

	width: calc(33.333% - 20px);

	padding: 15px;

	background: #060910;

	margin: 10px;

	text-align: center;

	border-radius: 5px;

}



.KarakterProfil img {

	width: 80px;

	display: block;

	margin-bottom: 15px;

}



.KarakterProfil .btn.btn-giris {

	width: 100%;

	margin-top: 15px;

}



a#TalepAc {

	position: absolute;

	font-size: 11px;

	letter-spacing: 0.2px;

	right: 0px;

	top: 10px;

}



.support-message {

	background: #1c253e;

	padding: 15px;

	border-radius: 2px;

	margin-bottom: 15px;

}



.support-message .support-title .pull-left {

	font-weight: bold;

	color: white;

	margin-bottom: 10px;

}



a.btn.btn-view.btn-xs {

	background: url(../img/bg-1.png) no-repeat center;

	background-size: cover !important;

	border: 1px solid #364b7e;

	border-radius: 0px;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 13px;

	text-shadow: 1px 1px 1px black;

}

 

div#duyuru-alt {

	position: fixed;

	z-index: 999999;

	bottom: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

	text-align: center;

	width: 100%;

	height: 70px;

	color: #c6c0ea;

	text-shadow: 1px 1px 0px #000;

	border-top: 2px solid #403875;

	background: linear-gradient(0deg, #060411, #1a143c);

}



div#duyuru-alt h4.animated.infinite.pulse {

	font-size: 25px;

	font-weight: bold;

	line-height: 70px;

}