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;
}
/* HTML5 display-role reset for older browsers */
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; */
	width: 100%!important;
	border-spacing: 0;
	margin-bottom: 0px!important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

/*======================= 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: 550px;
	background-image: url(../images/headerBG.jpg);
	background-position: center;
	background-size: cover;
	border-bottom: 3px 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(../images/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: -10px;
}

.register-box-title {
	background: url(../images/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(../images/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: 210px;
	margin-top: 30px;
}

.submit-bnt-register button {
	background-image: url(../images/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, .rank-table2 td {
	color: #fff;
	font-size: 14px;
	letter-spacing: .4px;

}
.rank-table2 th, .rank-table2 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(../images/slider-1.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: ;
}
.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(../images/bg2.png);
}
.solution-bg2 {
	background-image: url(../images/bg3.png);
}
.solution-bg3 {
	background-image: url(../images/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: ;
	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(../images/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%;
	border: 2px solid #3e5fa4;
	position: relative;
	z-index: 1;
	background-color: #0c111e;
	box-shadow: 0 -2px 7px #232662;
}
.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;
	padding-top: 40px;
}
.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: 20px;
}
.footer-menu ul{
	margin: 0;
	padding: 0;
	padding-top: 40px;
}
.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(../images/footerBG.jpg);
	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: 50px;
}
.creation-form {
	max-width: 450px;
	margin: 0 auto;
}
.creation-form input {
	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*/

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {



}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1199px) {


}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.main-warp-center {
		width: 49.5%;
		float: left;
	}

	.mainmenu-left li {
		margin-right: 15px;
		font-size: 14px;
	}
	.mainmenu-left li {
		margin-right: 20px;
		font-size: 14px;
	}
	.mainmenu-right li {
		margin-left: 20px;
	}
	.frame {
		display: none;
	}
	.frame-2 {
		display: none;
	}
	.frame-3 {
		display: none;
	}
	.mainmenu-warp {
		padding: 15px;
	}
	.footer-menu li {
		display: inline-block;
		padding-right: 15px;
	}

	.footer-menu li a {
		font-size: 14px;
	}
	footer .container {
		padding: 0 15px;
	}
	.country-dropdown {
		margin-left: 20px;
	}
	.main-content-center {
		border: none;
	}

	.frm-5 {
		display: none;
	}
	.d-frm3 {
		right: -7px;
		top: -7px;
		width: 25px;
	}

	.frm-6 {
		display: none;
	}
	.frm-7 {
		display: none
	}

	.frm-9 {
		display:none
	}
	.frm-8 {
		display: none
	}
	.tp-frm1 {
		display: none
	}

}





/* SM Small Device :550px. */
@media only screen and (min-width: 320px) and (max-width: 576px) {
	.main-content-center {
		border: none;
	}
	.frm-5 {
		display: none;
	}
	.news-left {
		width: 100%;
		margin-bottom: 25px;
	}
	.main-warp-center {
		width: 100%;
		float: left;
	}
	.main-warp-right {
		width: 100%;
		float: left;
	}
	.main-warp-left {
		width: 100% !important;
	}
	.frame {
		display: none;
	}
	.frame-2 {
		display: none;
	}
	.frame-3 {
		display: none;
	}
	.news-right {
		width: 100%;
	}
	.tabbs-list {
		margin-top: 30px;
	}
	.tabbs-list button:first-child {
		padding-left: 0;
	}
	.tbas-title-warp {
		position: relative;
	}
	.tabs-title-right {
		position: absolute;
		right: 2px;
		top: 0;
	}
	.slider-txt {
		bottom: 75px;
		left: 15px;
	}
	.footer-bottom-item {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}
	.back-to-top {
		position: fixed;
		bottom: 24px;
		right: 10px;
	}
	.mainmenu-warp {
		display: none;
	}
	header {
		height: 240px;
	}
	.footer-menu {
		display: none;
	}
	.footer-menu-warp {
		text-align: center !important;
	}
	.footer-top-right {
		display: block;
		float: none;
	}
	footer .container {
		padding: 0 15px;
	}
	.social-are {
		padding: 0;
		padding-top: 20px;
	}
	.d-frm3 {
		display: none;
	}
	.d-frm2 {
		right: 0;
	}
	.frm-6 {
		display: none;
	}
	.frm-7 {
		display: none
	}

	.frm-9 {
		display:none
	}
	.frm-8 {
		display: none
	}
	.tp-frm1 {
		display: none
	}

}

.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 30px 0 0 0;
	vertical-align: top;
	float: left;
	position: fixed;
	top:80px;
	right: 0px;
	z-index: 999;
}

.languagepicker:hover {
	height: 81px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 10px;
	line-height: 40px;
	border-top: 1px solid #EEE;
}

.languagepicker li:hover{
	background-color: #EEE;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-top: 0px;
}

.roundborders {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.large:hover {
	height: 85px;
}

.pagination {
	display: inline-block;
}
.pagination a,.pagination strong{
	padding: 10px;
	float: left;
	border: 1px dashed;
	font-size:14px;
	font-family: 'Arial';
	color:#000;
	margin: 10px;
}


.discord-widget {
	z-index: 9999999999999999999999999;
	position: fixed;
	left: 30px;
	bottom: 20px;
}

@media (max-width:500px) {
	.discord-widget {
		display: none;
	}
}


.aslider {
	overflow: hidden;
	position: relative;
	width: 580px;
	height: 280px!important;
	margin: 0 auto;
	z-index: 10;
}

.aslider .snrtrslides {
	position: relative;
	transition: 1s;
}
.aslider .snrtrslides .sactive .aslider-text {
	transition: all 2s ease;
	bottom: 20px !important;
}
.aslider .snrtrslides .fslide {
	float: left;
	display: block;
	position: relative;
}
.aslider .snrtrslides .fslide:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	box-shadow: inset 0px 0px 40px 20px rgba(0, 0, 0, 0.6);
}
.aslider .snrtrslides .fslide .aslider-text {
	position: absolute;
	bottom: -200px;
	left: 0px;
	padding: 8px 30px;
	width: calc(100% - 60px);
	color: #e0ddd1;
	line-height: 1.3;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
	text-align: center;
	z-index: 4;
}
.aslider .snrtrslides .fslide h1 {
	margin-bottom: 48px;
	color: #fff;
	font-size: 36px;
	margin-left: -219px;
}
.aslider .snrtrslides .fslide img {
	width: 580px;
	max-width: 580px;
	height: 280px;
}
.aslider .anext {
	position: absolute;
	background: url(../images/arrow-right.png) no-repeat;
	height: 30px;
	width: 30px;
	right: 20px;
	top: 130px;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	z-index: 12;
}
.aslider .bprev {
	position: absolute;
	background: url(../images/arrow-left.png) no-repeat;
	height: 30px;
	width: 30px;
	left: 20px;
	top: 130px;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	z-index: 12;
}
.aslider .knavigation {
	position: absolute;
	left: 23px;
	top: 16px;
	z-index: 1;
	cursor: pointer;
	display: none;
}
.aslider .knavigation .dotc {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #a6d0b6, #89b899);
	border: 1px solid #427252;
	cursor: pointer;
	margin: 0 2px;
	position: relative;
}
.aslider:hover .anext,
.aslider:hover .bprev {
	opacity: 1;
	transition: all 0.7s ease;
}
.aslider .knavigation .sactive:after {
	content: "";
	background: linear-gradient(to bottom, #a6d0b6, #89b899);
	height: 10px;
	width: 10px;
	border: 1px solid #b9d8c2;
	position: absolute;
}
.swal2-content p{
	color : #000!important;
}
.aslider-text h1{
	color: #fff!important;
	margin-bottom: 75px!important;
}
.slider-detay{
	position: absolute;
	bottom: 0px;
	background: rgba(0,0,0,.5);
	color: #ffd564;
	width: 100%;
	padding-left: 20px;
	height: 29px;
	line-height: 29px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slider-detay a{
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	background: url(../images/partner-button.jpg) no-repeat;
	height: 29px;
	line-height: 29px;
	width: 76px;
	text-align: center;
	float: left;
	margin-right: 15px;
	text-shadow: 0 0 1px #fff;
	text-transform: uppercase;
	text-decoration: none !important;
	position: inherit;
	z-index: 99999999999;
}
.slider-detay span {
	color: #fff!important;
	margin-left: 100px;
}
.aslider-text p{
	position: absolute;
	bottom: 40px;
	left: 115px;
	font-size: 25px;
	color: #fff!important;
	text-shadow: 1px 1px 2px #000;
}

a {
	color:#fff;
	text-decoration: none!important;
}

a:hover {
	color:#fff!important;
	text-decoration: none!important;
}

.logoyeni {
	margin-top: 50px;
	height: 360px;
	margin-left: 325px;
}

.login-button {
	transition: all 0.3s ease;
	cursor: pointer;
	background: none;
	border: 1px solid #a09366;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0px 0px 14px rgba(216, 122, 115, 0.8);
	border-radius: 6px;
	display: block;
	z-index: 1;
	padding: 14px 30px;
	box-shadow: 0px 0px 8px 0px rgba(255, 111, 111, 0.2), inset 0px 0px 8px 0px rgba(255, 111, 111, 0.2);
	text-align: center;
}

.swal2-styled{
	height: auto!important;
}

.left-button {
	display: block;
	background: url(../images/partner-button.jpg) center;
	width: 250px;
	height: 40px;
	font-size: 13px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	color: #000;
}

#mini-icons {
	position: fixed;
	left: 0;
	top: 300px;
	transition: all 0.5s ease-in-out 0s;
}

#mini-icons > * {
	position: relative;
	width: 56px;
	height: 56px;
	margin-bottom: 2px;
	display: block;
	text-align: center;
	line-height: 56px;
}

#mini-icons a {
	display: block;
	color: #eddccd;
	font-size: 24px;
	background-color: #132C55;
	transition: all 0.2s ease-in-out 0s;
}

#mini-icons .languagewrapper {
	position: relative;
}

#mini-icons .languagewrapper .current-language {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	background-size: 32px;
}

#mini-icons .languagewrapper a:hover {
	background-color: #9ebd7c;
}

#mini-icons .languagewrapper .languages {
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease-in-out 0s;
	z-index: 1;
	height: 100%;
}

#mini-icons .languagewrapper .languages a {
	float: left;
	height: 100%;
	display: block;
	background-size: 32px;
}

#mini-icons .languagewrapper:hover .languages {
	opacity: 1;
}

#mini-icons .twitch:hover a, #mini-icons .twitch.active a {
	background-color: #6441a5;
}

#mini-icons .twitch .twitch-live-info {
	background-color: #cc110c;
	font-size: 12px;
	transform: rotate(-90deg);
	position: absolute;
	width: 100%;
	height: 15px;
	right: -35px;
	top: 20px;
	color: #fff;
	line-height: 15px;
	font-family: 'Roboto', Arial, sans-serif;
	text-transform: uppercase;
}

#mini-icons .youtube:hover a, #mini-icons .youtube.active a {
	background-color: #cc110c;
}

#mini-icons .youtube .youtube-live-info {
	background-color: #cc110c;
	font-size: 12px;
	transform: rotate(-90deg);
	position: absolute;
	width: 100%;
	height: 15px;
	right: -35px;
	top: 20px;
	color: #fff;
	line-height: 15px;
	font-family: 'Roboto', Arial, sans-serif;
	text-transform: uppercase;
}


#mini-icons .facebook:hover a {
	background-color: #3b5998;
}

#mini-icons .toplist:hover a {
	background-color: #c75031;
}

#mini-icons .discord:hover a {
	background-color: #738adb;
}
#mini-icons .teamspeak:hover a {
	background-color: #0671B7;
}
.password-group {
  display: flex;
  flex-direction: row;
}
.password-group > .btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .275rem .6rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 0;
  height: 38px;
  line-height: 26px;
  border: 1px solid rgba(34, 36, 38, .15);
  -webkit-box-shadow: 0 0 1px 0 rgba(34, 36, 38, .1);
  box-shadow: 0 0 1px 0 rgba(34, 36, 38, .1);
  color:#6c757d!important;
  background: #141126;
}
.password-group > .btn > i{
  font-weight: 400;
}