body {
    background-color: #070830;
    color: #ffffff;
    font-family: 'Sen', sans-serif;
    font-size: 14px;
    background-size: cover;
}

header {
    position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0px solid;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0px;
  transition: background-color 5000s ease-in-out 0s;
  background-color:#070a2d;
  font-size:1rem;
  font-family: 'Sen', sans-serif;
}

#header {
    background: url('../img/header.png') no-repeat center bottom;
    width: 100%;
    min-height: 734px;
    height: 100%;
    position: relative;
    z-index: 999;

}

#header2 {
    background: url('../img/header.png') no-repeat center top;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
    min-height: 500px;
}

.header {
    position: relative;
    z-index: 12;
}

a {
    color: #21b7b9;
    text-decoration: none !important;
    border:none !important;
    outline:none !important;
}

a:hover,
a:focus{
    color: #1bedf0;
    text-decoration: none !important;
    border:none !important;
    outline:none !important;
}

.btn:hover {
    color: #1bedf0;
}

h1 {
    font-size: 36px !important;
}

h5 {
    font-size: 14px !important;
}

.bottom15 {
    margin-bottom: 15px !important;
}

.bottom50{
    margin-bottom: 50px !important;
}

.width100 {
    width: 100% !important;
}

.top0{
    margin-top: 0px !important;
}

.top5 {
    margin-top: 5px !important;
}

.top10 {
    margin-top: 10px !important;
}

.top12 {
    margin-top: 12px !important;
}

.top17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.top20 {
    margin-top: 20px !important;
}

.top30 {
    margin-top: 30px !important;
}

.top40 {
    margin-top: 40px !important;
}

.top50 {
    margin-top: 50px !important;
}

.top60 {
    margin-top: 60px !important;
}

.top100 {
    margin-top: 100px !important;
}

.bottom30 {
    margin-bottom: 30px !important;
}

.bottom0 {
    margin-bottom: 0px !important;
}

.left0{
    margin-left:0px !important;
}

.size36 {
    font-size: 36px !important;
}

.size24 {
    font-size: 24px !important;
}

.size15 {
    font-size: 15px !important;
}

.height100{
    height: 100% !important;
}

/*******************
******SCROLL********
********************/
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #27cec6;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: #27cec6;
}

::-webkit-scrollbar-thumb:active {
    background: #27cec6;
}

::-webkit-scrollbar-track {
    background: #091130;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: #091130;
}

::-webkit-scrollbar-track:active {
    background: #091130;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

input:-internal-autofill-selected {
    background-color: none !important;
    background: none !important;
}

.paddingnone {
    padding: 0px !important;
}

.paddingtopnone {
    padding-top: 0px !important;
}

.font-blue {
    color: #4099ca !important;
}

.font-orange {
    color: #ffa800 !important;
}

.font-red {
    color: #ff0000 !important;
}

.font-red-light {
    color: #ae1942 !important;
}

.font-green-light {
    color: #48a753 !important;
}

.font-white {
    color: #ffffff !important;
}

.font-dark-blue {
    color: #113c63 !important;
}

.font-blue-light {
    color: #53c9fd !important;
}

.font-blue-cristal {
    color: #09c0cd !important;
}

.font16 {
    font-size: 16px !important;
}

.nav-hp > li.nav-item > a {
    color: #fff !important;
    font-size: 16px;
    padding: 10px 30px !important;
}

.nav-hp > li.nav-item > a:hover,
.nav-hp > li.nav-item > .nav-link.active {
    font-weight: bold;
}

.logotyp {
    background: url('../img/logotyp-white.png') no-repeat;
    width: 280px;
    height: 57px;
    padding: 64px 0px;
    margin-top: 76px;
    position: relative;
    float: left;
}

.panel-client {
    margin-top: 76px;
    margin-bottom: 80px;
    width: 100%;
}

.btn-register {
    background: url('../img/register-button.png') no-repeat;
    width: 245px;
    height: 89px;
    color: #ffffff;
    padding-top: 13px;
    margin-top: -1px;
    margin-left: -1px;
    font-weight: bold;
    float: left;
    position: relative;
}

.btn-edit-subuser {
    margin-right: 160px !important;
}

.btn-register:hover {
    color: #fff;
}

.btn-login-bg {
    width: 100%;
    float: left;
    margin-top: 30px;

}

.btn-forget {
    width: 100%;
    height: 52px;
    color: #092648;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    border-radius: 30px;
    padding-top: 16px;
    background-color: #06072a;
    float: left;
}

.btn-forget:hover {
    color: #fff;
}

.btn-login {
    background: url('../img/btn-login.png') no-repeat;
    width: 26px;
    height: 26px;
    float: right;
    margin-right: 30px;
    margin-top: -53px;
    position: relative;
    z-index: 10;
}

.btn-up {
    margin-top: 30px;
}

.btn-small {
    background: rgb(36, 195, 192);
    background: -moz-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    background: linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24c3c0", endColorstr="#14829c", GradientType=1);
    border-radius: 30px;
    width: 169px;
    height: 36px;
    color: #fff;
    font-size: 12px;
    padding-top: 8px;
    position: relative;
    border:none !important;
    outline:none !important;
}

.btn-small:hover,
.btn-small:focus {
    box-shadow: none !important;
    color: #fff !important; 
    border:none !important;
    outline:none !important;
}

.btn-blue-big {
    background: url(../img/btn-blue-big.png) center top no-repeat;
    width: 242px;
    height: 52px;
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
    margin-top: 20px;
    font-weight: bold;
    position: relative;
}

.btn-blue-big:hover,
.btn-blue-big:focus {
    color: #fff !important;
}

/* Form login */

.form-login,
.form-login:active,
.form-login:focus {
    background-color: #0a1737;
    border-radius: 35px;
    width: 250px;
    height: 76px;
    border: none;
    padding: 10px 0px 10px 40px;
    color: #ffffff !important;
}

.form-login::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.form-login:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.form-login::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.buttons-login {
    margin-top: -21px;
}

.form-password,
.form-password:active,
.form-password:focus {
    background-color: #070a2d;
    border-radius: 35px;
    height: 76px;
    border: none;
    padding: 10px 0px 10px 40px;
    color: #ffffff !important;
}

.form-password::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.form-password::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.form-password::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

/* Carousel */

.title-carousel {
    font-size: 36px;
    padding: 90px 0px;
    z-index: 10;
    position: relative;
}

.carousel-inner {
    min-height: 270px;
    position: relative;
}

.carousel-inner-news {
    min-height: 270px;
    position: relative;
}

.carousel-item-news {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-prev {
    position: absolute;
    height: 20px;
    margin-right: 0px;
    margin-top: 93px
}

.carousel-control-prev {
    right: 0;
    left: none;
}

.carousel-control-next {
    position: absolute;
    height: 20px;
    margin-right: 30px;
    margin-top: 93px
}

.carousel-control-next,
.carousel-control-prev {
    width: auto;
}

.size60 {
    font-size: 60px;
}

.big-text-carousel {
    position: absolute;
    left: 0px;
    font-size: 302px;
    color: #06072a;
    top: -30px;
    font-weight: 900;
    z-index: 1;
    text-align: left;
}

.progress-bar {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #23a6e0;
    transition: none;
}

/* Stats */

.stats {
    background: url('../img/bg-stats.png') center top no-repeat #070830;
    margin: 0px auto;
    width: 100%;
    position: relative;
    z-index: 12;
    padding-top: 120px;
    float: left;
}

.title-stats {
    margin-bottom: 40px;
}

/* Payments */

.row-pay {
    width: 100%;
    height: 75px;
    background-color: #06072a;
    border-radius: 30px;
    margin-top: 15px;
    position: relative;
}

.logotyp-payment {
    margin: 0px auto;
    text-align: center;
    padding: 12px 0px;
}

.payment-bg-2 {
    background-color: #060626;
    border-radius: 30px;
}

/* Opinion */

.opinion {
    height: 250px;
}

.opinion-star {
    margin-bottom: 20px;
}

.opinion-name {
    font-size: 30px;
    font-weight: bold;
}

.opinion-subname {
    font-size: 18px;
}

.opinion-text {
    font-size: 14px;
    font-weight: 100;
    margin-top: 25px;
    width: 80%;
    margin-left: 10%;
}

/* calc */

.calc {
    background: url("../img/calc-bg.png") no-repeat top right;
    width: calc(100% + 273px);
    height: 679px;
    margin-left: -273px;
    position: relative;
    padding: 50px 70px 0px 418px;
}


.custom-select-wrapper {
    position: relative;
    user-select: none;
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
}

.custom-select {
    display: flex;
    flex-direction: column;
    border: none;
    height: 50px;
    position: relative;
}

.custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    height: 50px;
    line-height: 60px;
    background: url('../img/calc-select.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border: none;
    outline: none;
}

.custom-select-text {
    width: 80%;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0px;
    right: 0;
    border: none;
    background: #0a1737;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 999;
    padding: 15px 30px;
    margin-top: 0px;
}

.custom-select-scroll {
    overflow-y: scroll;
    height: 150px;
}

.custom-select.open .custom-select__trigger {
    background: url('../img/calc-select.png') #0a1737 no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 5px 22px 5px 30px;
    font-size: 14px;
    font-weight: 300;
    color: #6d97e1;
    cursor: pointer;
    transition: all 0.5s;
    margin-top: 5px;
    border-radius: 30px;
}

.custom-option:hover {
    cursor: pointer;
    background: rgb(9, 18, 49);
    background: -webkit-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: -o-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(9, 18, 49, 1) 0%, transparent 100%);
}

.custom-option.selected {
    color: #ffffff;
    background: rgb(9, 18, 49);
    background: -webkit-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: -o-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(9, 18, 49, 1) 0%, transparent 100%);
}

.arrow {
    background: url("../img/arrow_down.png") no-repeat;
    position: relative;
    height: 6px;
    width: 11px;
    left: 5px;
    transition-duration: 1s;
}

.open .arrow {
    transform: rotate(180deg);
}

#trigger {
    display: none;
}

.checker {
    background-image: url(../img/check.png);
    background-position: left center;
    background-size: auto 100%;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#trigger:checked + .checker {
    background-image: url(../img/check-ok.png);
}

.checkdays {
    top: -3px;
    position: relative;
}

.check-info {
    top: 1px;
    margin-left: 5px;
    position: relative;
}

.numberofdays {
    position: relative;
    margin-left: 30px;
    top: 2px;
}

.cost-service {
    font-size: 24px;
    float: right;
    margin-top: 25px;
}

.btn-date-control-players > a{
    background: rgb(36, 195, 192);
    background: -moz-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    background: linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(20, 130, 156, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24c3c0", endColorstr="#14829c", GradientType=1);
    border-radius: 30px;
    width: 169px;
    height: 36px;
    color: #fff;
    font-size: 12px;
    padding:8px 20px;
    margin-right:10px;
    margin-top:10px;
    position: relative;
    border: none !important;
    outline: none !important;
}

.btn-date-control-players > a.active,
.btn-date-control-players > a:hover{
    background: rgb(255, 162, 0);
    background: -moz-linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    background: linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#ff6c00", GradientType=1);
    font-weight: bold;
}

.cost-service-big {
    font-size: 36px;
    color: #23a6e0;
    font-weight: 600;
}

.slots-service {
    padding: 20px 0px 40px 0px;
}

.slidecontainer {
    width: 100%;
}

.floatright {
    float: right;
}

.cost-service-calc {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: #0a1839;
    border-radius: 50px;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin-top: 20px;
}


.cost-service-calc::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 45px;
    height: 13px;
    border-radius: 30px;
    background: rgb(34, 162, 220);
    background: linear-gradient(90deg, rgba(34, 162, 220, 1) 0%, rgba(24, 102, 152, 1) 100%);
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.range {
    position: relative;
    width: 100%;
}

#Progresscalc {
    background: #23a6e0;
    height: 3px;
    position: absolute;
    left: 0px;
    border-radius: 30px;
    top: 20px;
    z-index: 2;
}

.cost-service-calc::-moz-range-thumb {
    width: 45px;
    height: 13px;
    border-radius: 30px;
    background: rgb(34, 162, 220);
    background: linear-gradient(90deg, rgba(34, 162, 220, 1) 0%, rgba(24, 102, 152, 1) 100%);
    cursor: pointer;
}

.cost-service-calc::-moz-range-progress {
    background-color: green;
    height: 1em;
}

.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    font-family: FontAwesome;
    content: '\01F893';
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    left: 26px;
    color: #ffffff;
    pointer-events: none;
}

/* HIDE RADIO */
[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
    background: url(../img/check-ok.png) no-repeat;
}

select.hpselect > option {
    background: #0a1737;
}

select.hpselect {
    text-indent: 5px;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

/* For IE10 */
select.hpselect::-ms-expand {
    display: none;
}


/* HIDE RADIO */
[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=checkbox] + img {
    cursor: pointer;
    background: url(../img/check-register.png) no-repeat;
    width: 19px;
    height: 19px;
}

/* CHECKED STYLES */
[type=checkbox]:checked + img {
    background: url(../img/check-register-ok.png) no-repeat;
    width: 19px;
    height: 19px;
}

/* news */

.news {
    background: url('../img/news-bg.png') no-repeat top left;
    width: calc(100% + 181px);
    height: 385px;
    position: relative;
    margin-left: 0px;
    padding: 60px 181px 0px 70px;
}

.news-buttons-group {
    width: 100%;
    height: 36px;
    background-color: #07082e;
    border-radius: 30px;
}

.news-date {
    background-color: #06072a;
    padding: 8px;
    height: 36px;
    width: calc(100% + 30px);
    border-radius: 30px;
    margin-left: -30px;
    font-size: 12px;
    color: #23a6e0;
    font-weight: bold;
    padding-left: 30px;
}

.news-arch-text{
    height:150px;
}

.btn-archiwum {
    color: #23a6e0;
    opacity: 0.3;
    text-decoration: none;
    padding-top: 8px;
    font-size: 12px;
    width: 100%;
    height: 36px;
    position: relative;
    float: left;
    text-align: center;
    padding-right: 30px;
}

.btn-archiwum:hover {
    color: #23a6e0;
    opacity: 1;
}

.news-title {
    font-weight: 900;
    font-size: 36px;
}

.cellpic-small-title {
    font-weight: 900;
    font-size: 36px;
}

.news-panel {
    width: 100%;
    height: 40px;
    padding: 30px 0px;
}

.news-text {
    width: 83%;
    font-weight: 100;
    color: #dceaff;
    line-height: 1.6;
    font-size: 14px;
    padding-top: 30px;
}

/* Hot offer */

.hotoffer {
    background: url('../img/hotshot.png') no-repeat;
    width: 100%;
    height: 332px;
    padding: 70px 45px 0px 0px;
}

.hotoffer-step {
    padding: 0px 181px 0px 70px;
}

.prince-blue {
    text-decoration: line-through;
    color: #22bcbc;
}

.big-text {
    font-size: 36px;
}

.medium-text {
    font-size: 24px;
}

/* Stats number */

.stats-number-row {
    background-color: #080c33;
    border-radius: 35px;
    width: 100%;
    height: 75px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.icon-ns {
    padding-right: 30px;
}

.ns {
    padding: 23px 0px;
    font-size: 18px;
}

.ns2 {
    background-color: #091036;
    border-radius: 35px;
}

.nsb {
    font-weight: 900;
}

/* Partners */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
    opacity: 0.4;
    cursor: pointer;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transition-duration: 1s;
    border: none;
    outline: none;
}

.slick-slide img:hover,
.slick-slide img:focus {
    opacity: 1;
    border: none;
    outline: none;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 80px;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide:focus {
    outline: none !important;
    border: none !important;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.center {
    margin: 0px auto;
    text-align: center;
}

.floatnone {
    float: none;
}

/* Efect button */

.wrapper {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-efect {
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.btn-efect:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: -50px;
    transform: skewX(-45deg) translateX(0px);
    transition: none;
}

.btn-efect:hover {
    color: #ffffff;
}

.btn-efect:hover:before {
    transform: skewX(-45deg) translateX(300px);
    transition: all 0.6s ease-in;
}

.btn-register-efect {
    border-radius: 30px;
    position: relative;
    top: -33px;
    left: -10px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.btn-register > .btn-blue-big {
    background: none !important;
}

.btn-register-efect:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 52px;
    width: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: -50px;
    transform: skewX(-45deg) translateX(0px);
    transition: none;
}

.btn-register-efect:hover {
    color: #ffffff;
}

.btn-register-efect:hover:before {
    transform: skewX(-45deg) translateX(330px);
    transition: all 0.6s ease-in;
}

/* Footer */
.footer {
    background-color: #06072d;
    padding: 50px 0px;
    width: 100%;
    float: left;
}

.progress {
    background-color: #06072a;
    height: 3px;
}

.title-whyus {
    padding-bottom: 76px;
}

.icon-whyus {
    text-align: center;
    margin: 0px auto;
    padding-top: 15px;
}

.whyus {
    padding: 50px 0px 90px 0px;
    position: relative;
    background: rgb(2, 0, 36);
    background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(7, 8, 48, 1) 0%, rgba(6, 7, 42, 1) 100%);
}

.titleus {
    font-size: 30px;
}

.titleus > span {
    font-weight: 900;
}

.titleus > span > div {
    font-weight: 100;
}

.text-whyus {
    padding: 45px 0px 35px 0px;
}

.big-text-whyus {
    position: absolute;
    left: 0px;
    font-size: 302px;
    color: #060627;
    top: 180px;
    font-weight: 900;
    z-index: 1;
    text-align: left;
}

.whyus-box {
    position: relative;
    z-index: 10;
}

.logo-footer {
    background: url(../img/logotyp-white.png);
    width: 280px;
    height: 57px;

}

.footer-box {
    padding: 80px 0px;
    border-top: solid #06072d 3px;
    position: relative;
    width: 100%;
    float: left;
}

.nav-footer > .nav-item > a {
    font-size: 16px;
    color: #23a6e0;
    opacity: 0.3;
    padding: 15px 30px;
}

.nav-footer > .nav-item > a:hover,
.nav-footer > .nav-item.active > a {
    opacity: 0.8;
}




/************************************
*************************************
*************PODSTRONY***************
*************************************
************************************/

/* TEKSTOWA */

.font-weight-black {
    font-weight: 900;
}


.progress-bar-half {
    margin-left: 35%;
    width: 30%;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #23a6e0;
    transition: none;
}

.text-subsite {
    padding: 130px 20px;
}

/* KONTAKT */

.date-company {
    font-weight: 100;
    padding: 50px 115px;
}

.size18 {
    font-size: 18px;
}

.cellpic-small {
    padding: 50px 0px;
}

.cellpic-small-icon {
    font-size: 32px;
    background: #070826;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    padding: 13px 24px;
    float: left;
    margin-right: 40px;
}

.faq-contact-bg {
    background: url('../img/contact-faq.png') no-repeat;
    width: calc(100% + 273px) !important;
    height: 671px;
    margin-right: -273px;
    float: left;
    position: relative;
    padding: 0px 315px 0px 0px;
    width: 100%;
    margin-bottom: 100px;
}


.contact-faq-cellpic {
    margin-left: -35px;
    padding: 50px 0px 25px 0px;
}

.faq-category-contact {
    padding: 0px 65px;
}

.faq-cat {
    background: url('../img/calc-select.png') no-repeat;
    width: 100% !important;
    height: 50px !important;
    margin-top: 15px;
}

.icon-faq-cat {
    float: left;
    margin-top: 14px;
    margin-left: 22px;
    width: 20px;
    height: 20px;
}

.name-faq-cat {
    float: left;
    margin-top: 13px;
    margin-left: 50px;
    font-weight: bold;
    color: #ffffff;
}

.form-contact {
    padding: 50px 0px 100px 0px;
}

.textareastyle,
.textareastyle:focus,
.textareastyle:hover {
    background: #06072a;
    border-radius: 30px;
    outline: none;
    border: none;
    padding: 20px 50px;
    margin-top: 10px;
    color: #fff;
}

.textareastyle::placeholder,
.form-control-hp::placeholder,
.form-control-title::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.textareastyle::placeholder,
.form-control-hp::placeholder,
.form-control-title::placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.textareastyle::placeholder,
.form-control-hp::placeholder,
.form-control-title::placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.form-control-hp,
.form-control-hp:focus,
.form-control-hp:hover {
    background: #080c33;
    border-radius: 30px;
    color: #fff;
    border: none;
    outline: none;
    margin-top: 10px;
    padding: 20px 50px;
}

.form-control-title,
.form-control-title:focus,
.form-control-title:hover {
    background: #091036;
    color: #fff;
    border-radius: 30px;
    border: none;
    outline: none;
    margin-top: 10px;
    padding: 20px 50px;
    font-weight: 900;
}


/********** CENNIK ***********/

.cennik-bg-img {
    background: url('../img/cennik-bg.png') no-repeat;
    width: calc(100% + 273px) !important;
    margin-left: -273px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 315px;
    margin-bottom: 100px;
}

.cennik-bg {
    background: rgba(7, 8, 38, 0.7);
    position: relative;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    float: left;
    width: 100%;
    padding: 50px 0px 100px 0px;
}

.princes_bg {
    width: 100%;
    position: relative;
    border-radius: 30px !important;
    padding: 0px;
    border: none;
}

.princes_icon {
    width:16px;
}

.btn-secondary{
  border:none !important;
}

.btn-contact-send{
    padding-bottom: 50px;
}

.btn-secondary:hover,
.btn-secondary:focus{
    border:none !important;
    background-color:transparent;
    box-shadow:none !important;
}

.card-princes {
    background: none;
    padding: 0px 5%;
    border: none;
    margin-top: 10px;
}

.accordion > .card {
    overflow: unset !important;
}

.princes_game_name,
.princes_game_name:hover,
.princes_game_name:active,
.princes_game_name:focus {
    color: #fff !important;
    font-weight: 600;
    width: 100%;
    font-size: 14px !important;
    outline: none !important;
    border: none !important;
    background: rgb(16, 55, 93);
    background: linear-gradient(141deg, rgba(16, 55, 93, 1) 0%, rgba(10, 22, 54, 1) 100%);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 11px 40px 10px 20px;
    text-align: left;
}

.name-game-info-small {
    float: left;
    margin-top: 4px;
    margin-left: 10px;
}

.row-princes {
    width: 100%;
    float: left;
}

.col-princes-1 {
    width: 8%;
    float: left;
    background: #0a1636;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 15px 25px;
}

.col-princes-2 {
    width: 34%;
    float: left;
    margin-left: -25px;
}

.col-princes-3 {
    background: rgb(15, 52, 94);
    background: linear-gradient(90deg, rgba(15, 52, 94, 1) 0%, rgba(11, 25, 63, 1) 100%);
    margin-left: -30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 22%;
    float: left;
}

.col-princes-4 {
    width: 23%;
    float: left;
    background: rgb(9, 15, 52);
    background: linear-gradient(90deg, rgba(9, 15, 52, 1) 0%, rgba(9, 15, 53, 1) 100%);
    padding: 15px 0px;
    border-radius: 30px;
    margin-left: -35px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
}


.col-princes-5 {
    width: 24%;
    float: left;
    padding: 15px 0px;
    border-radius: 30px;
    margin-left: -35px;
    padding-left: 35px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    background: #070a2d;
    position: relative;
    z-index: 1;
    letter-spacing: 3px;
}

.col-princes-6 {
    width: 44%;
    float: left;
    background: rgb(9, 15, 52);
    background: linear-gradient(90deg, rgba(9, 15, 52, 1) 0%, rgba(9, 15, 53, 1) 100%);
    padding: 15px 0px;
    border-radius: 30px;
    margin-left: -35px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
}

.video-princes {
    border-radius: 30px;
    width: 500px;
    height: 210px;
}

.custom-options-princes {
    z-index: 100;
}

.custom-select-wrapper-princes {
    position: relative;
    user-select: none;
    width: 100%;
    height: auto !important;
    margin-bottom: 0px;
}

.custom-select-wrapper-princes .selected {
    background: none;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #4cbaec;
    line-height: 61px;
}

.custom-select-wrapper-princes > .custom-select.open > .selected {
    background: #0a1737;
}

.custom-select.open.custom-princes-select {
    height: 100% !important;
}

.custom-select.open.custom-princes-select > .custom-options {
    margin-top: 0px;
    border-bottom-right-radius: 30px;
}

.princes-game-expense {
    color: #23a6e0;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 14px;
}

.card-body-princes {
    padding: 65px 0px;
}

.text-princes-game {
    padding: 20px 0px;
    font-weight: 100;
    font-size: 13px;
}

.custom-panel-user-select {
    background: url('../img/btn-user-panel.png') #0a1737 right top no-repeat;
    height: 52px;
    border-radius: 25px;
    padding: 0px 0px 0px 22px;
}

.custom-select.open > .custom-panel-user-select {
    background: url('../img/btn-user-panel-hover.png') #0a1737 right top no-repeat;
    height: 89px;
    border-radius: 25px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0px 0px 37px 22px;
    position: relative;
    z-index: 9;
}

.custom-options-panel {
    padding: 0px 15px 30px 15px;
    margin-top: -6px;
}

.custom-options-panel > a > span,
.custom-options-panel > a {
    color: #fff !important;
    text-decoration: none;
}

.custom-select-panel-user {
    height: 89px;
}

.custom-panel-user-select > .custom-select-text {
    text-align: center;
    font-weight: bold;
}


.custom-options.custom-options-panel > a:nth-child(even) > span {
    cursor: pointer;
    background: rgb(9, 18, 49);
    background: -webkit-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: -o-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
    background: linear-gradient(to right, rgba(9, 18, 49, 1) 0%, transparent 100%);
}

.custom-options-panel > a > span.custom-option:hover {
    cursor: pointer;
    background: rgb(15, 48, 85);
    background: -moz-linear-gradient(90deg, rgba(15, 48, 85, 1) 0%, transparent 100%);
    background: -webkit-linear-gradient(90deg, rgba(15, 48, 85, 1) 0%, transparent 100%);
    background: linear-gradient(90deg, rgba(15, 48, 85, 1) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f3055", endColorstr="#000000", GradientType=1);
}

.btn-logout {
    width: calc(100% + 70px);
    margin-left: -70px;
    height: 52px;
    color: #092648;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    border-radius: 30px;
    padding-top: 16px;
    background-color: #06072a;
    float: left;
    padding-left: 70px;
}

.form-welcome,
.form-welcome:active,
.form-welcome:focus {
    background-color: #0a1737;
    border-radius: 35px;
    width: calc(100% + 80px);
    height: 76px;
    border: none;
    padding: 16px 40px 10px 0px;
    color: #ffffff !important;
}

.wallet-status {
    background-color: #070a2d;
    border-radius: 35px;
    height: 76px;
    border: none;
    font-size: 14px;
    padding: 16px 0px 10px 0px;
    color: #ffffff !important;
}

/***** REGISTER ******/

.title-carousel-small {
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
    margin-top: -80px;
}

.btn-center {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    float: left;
}

.register-info {
    padding: 25px 0px;
}

.label-specjal-btn {
    border-radius: 50px;
    background: #0a1737;
    height: 74px;
    width: 100%;
    border: none;
}

.form-specjal-btn-payments,
.form-specjal-btn-payments:disabled,
.form-specjal-btn-payments[readonly] {
    width: 100%;
    margin-left: 0px;
    height: 74px;
    border-radius: 50px;
    background: #050622;
    outline: none;
    border: none;
    color: #53c9fd;
    padding: 0px 0px 0px 50px;
    font-size: 14px;
    cursor: text;
    z-index: 10;
    position: relative;
}

.form-specjal-btn-payments:focus,
.form-specjal-btn-payments:hover,
.form-specjal-btn-payments:active {
    border: none;
    background: #050622;
    color: #53c9fd;
}

.form-specjal-btn,
.form-specjal-btn:disabled,
.form-specjal-btn[readonly] {
    width: calc(100% + 90px);
    margin-left: -90px;
    height: 74px;
    border-radius: 50px;
    background: #050622;
    outline: none;
    border: none;
    color: #53c9fd;
    padding: 0px 50px 0px 50px;
    font-size: 14px;
    cursor: text;
    position: relative;
}

input#changeSlotsInput.form-control{
	width:65px;
}

.text-short-class{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator{
        color: #53c9fd;
        outline:none; 
        cursor: pointer;
        opacity: 1;
}

.form-specjal-btn-padding{
     padding: 0px 50px !important; 
}

.zindex11{
     z-index:11;   
}

.page-item:first-child .page-link{
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.form-specjal-btn:focus,
.form-specjal-btn:hover,
.form-specjal-btn:active {
    border: none;
    background: #050622;
    color: #53c9fd;
}

.form-specjal-btn::-webkit-input-placeholder {
    /* Edge */
    color: #53c9fd;
}

.form-specjal-btn:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #53c9fd;
}

.form-specjal-btn::placeholder {
    color: #53c9fd;
}


.title-specjal-btn {
    float: left;
    margin-top: 26px;
    margin-left: 25px;
    font-size: 14px;
    font-weight: 500;
}

.title-specjal-btn2 {
    float: left;
    margin-top: 26px;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 500;
}

.icon-specjal-name {
    background: url('../img/icon/icon-name.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-specjal-subname {
    background: url('../img/icon/icon-subname.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-specjal-pass {
    background: url('../img/icon/icon-pass.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-specjal-email {
    background: url('../img/icon/icon-email.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-specjal-login {
    background: url('../img/icon/icon-login.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-specjal-phone {
    background: url('../img/icon/icon-phone.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.icon-discont {
    background: url('../img/icon/icon-discount.png') no-repeat;
    width: 26px;
    height: 26px;
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 40px;
}

.consent {
    padding: 50px 25px 0px 40px;
}

.checked-points {
    padding: 25px 45px 25px 0px !important;
}

.form-error-small {
    position: relative;
    float: right;
    margin-top: -57px;
    margin-right: -130px;
    text-align: center;
    padding: 8px 25px;
    border-radius: 30px;
    background: rgb(211, 20, 56);
    background: -moz-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d31438", endColorstr="#592758", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.info-panel-serwers-bad {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 8px 25px;
    border-radius: 30px;
    background: rgb(211, 20, 56);
    background: -moz-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d31438", endColorstr="#592758", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.info-panel-serwers-info {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 14px 25px;
    border-radius: 30px;
    font-size: 13px;
    background: #06072a;
    color: #073e5b;
}

.info-panel-serwers-ok {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 8px 25px;
    border-radius: 30px;
    background: rgb(16, 216, 82);
    background: -moz-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10d852", endColorstr="#088362", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.form-akcept-small {
    padding: 8px 39px;
    position: relative;
    float: right;
    margin-top: -57px;
    margin-right: -130px;
    text-align: center;
    padding-top: 6px;
    border-radius: 30px;
    background: rgb(16, 216, 82);
    background: -moz-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10d852", endColorstr="#088362", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.form-buy-small {
    padding: 8px 39px;
    position: relative;
    float: right;
    margin-top: -55px;
    margin-right: 20px;
    text-align: center;
    padding-top: 6px;
    border-radius: 30px;
    background: rgb(32, 179, 183);
    background: -moz-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20b3b7", endColorstr="#137f9a", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.form-info-small {
    padding: 4px 10px;
    position: relative;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
    border-radius: 30px;
    background: rgb(16, 216, 82);
    background: -moz-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10d852", endColorstr="#088362", GradientType=1);
    color: #ffffff;
    z-index: 999;
}

.cross-error-small {
    padding-right: 15px;
    font-weight: 600;
}

.info-discont {
    margin-right: 20px;
}

.princes-game-step {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.pub-step-game {
    background: #06072a;
    width: 50%;
    height: 40px;
    border-radius: 30px;
    position: relative;
    text-transform: uppercase;
    float: left;
    text-align: center;
    padding-top: 10px;
    font-size: 11px;
}

.priv-step-game {
    background: #050622;
    width: calc(50% + 30px);
    height: 40px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    float: left;
    padding-top: 10px;
    font-size: 11px;
    margin-left: -30px;
}

.slots-step {
    padding: 20px 15px 40px 15px;
}

/****** OPINION ********/

.textareahp,
.textareahp:hover,
.textareahp:focus,
.textareahp:active {
    background: #06072a;
    color: #53c9fd;
    border: none;
    outline: none;
    padding: 30px;
    border-radius: 30px;
    font-size: 14px;
}


.textareahp::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #53c9fd;
    opacity: 1;
    /* Firefox */
}

.textareahp:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #53c9fd;
}

.textareahp::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #53c9fd;
}

.rating {
    overflow: hidden;
    display: inline-block;
}

.rating-input {
    float: right;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0 0 0 -20px;
    opacity: 0;
    cursor: pointer;
    margin-right: 15px;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
    cursor: pointer;
}

.rating-star,
.rating:hover .rating-star {
    position: relative;
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 15px;
    background: url('../img/stars.png') 0 -20px;
}

.stars-opinion {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

/******** NEWS **********/

.news-arch-bg {
    background-color: #070826;
    border-radius: 30px;
    margin-bottom: 40px;
}

.news-arch-cellpic {
    background-color: #0a1737;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 900;
    padding: 25px 35px;
}

.news-padding {
    padding: 35px;
}

/***** ERROR ******/

.error-bg {
    background: url('../img/error-bg.png') no-repeat center;
    width: 100%;
    min-height: 760px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.logoerror {
    background: url('../img/logotyp-white.png') no-repeat center;
    width: 100%;
    height: 57px;
    position: relative;
    margin-top: 200px;
}


/****** NEWS ******/

.text-news-full {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    line-height: 30px;
    margin-bottom: 150px;
}

.coments-bg {
    background: #0a1737;
    border-radius: 30px;
    padding: 20px;
    font-size: 14px;
    margin-bottom: 15px;
}

.date-coments {
    font-weight: bold;
    color: #12303d;
}

.author-coments {
    color: #00b1ff;
    font-weight: bold;
    padding: 0px 20px;
}

.text-coments {
    color: #285cdc;
}

.coments {
    margin-bottom: 80px;
}

.textareablock {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 65px;
    min-height: 65px;
    max-height: 65px;
    font-size: 14px;
    resize: none;
}

.btn-coments {
    margin-top: -110px;
    margin-right: 30px;
}

.page-linkhp {
    background: #070826;
    border: none;
    outline: none;
    border-radius: 50%;
    padding: 15px 22px;
    margin-right: 10px;
    color: #fff;
    transition-duration: 1s;
}

.page-linkhp:hover,
.page-linkhp:focus,
.page-linkhp.active {
    color: #fff;
    font-weight: bold;
    background: rgb(32, 176, 181);
    background: -moz-linear-gradient(120deg, rgba(32, 176, 181, 1) 0%, rgba(18, 123, 152, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(32, 176, 181, 1) 0%, rgba(18, 123, 152, 1) 100%);
    background: linear-gradient(120deg, rgba(32, 176, 181, 1) 0%, rgba(18, 123, 152, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20b0b5", endColorstr="#127b98", GradientType=1);
}

.page-arrows,
.page-arrows:hover,
.page-arrows:focus,
.page-arrows.active,
.page-arrows:active {
    background: none;
    border: none;
    border-radius: none !important;
}

/****** ORDER ******/

.menu-step-order {
    width: 100%;
    height: 110px;
    padding-top: 40px;
    text-align: center;
    font-size: 18px;
    background: #050622;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color:#ffffff !important;
}

.menu-step-order.active,
.menu-step-order:hover {
    background: rgb(33, 158, 214);
    background: -moz-linear-gradient(120deg, rgba(33, 158, 214, 1) 0%, rgba(17, 71, 111, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(33, 158, 214, 1) 0%, rgba(17, 71, 111, 1) 100%);
    background: linear-gradient(120deg, rgba(33, 158, 214, 1) 0%, rgba(17, 71, 111, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#219ed6", endColorstr="#11476f", GradientType=1);
}

.hover-step-btn {
    background: url('../img/hover-step-btn.png') center no-repeat;
    width: 100%;
    height: 49px;
    position: relative;
    margin-top: 20px;
}

.games-list-step {
    padding: 110px 0px;
}

.step-cat {
    background: url('../img/step-cat.png') no-repeat;
    width: 100% !important;
    height: 50px !important;
    margin-top: 15px;
    background-size: 100% 100%;
}

.form-discription-btn {
    width: calc(100% + 90px);
    margin-left: -90px;
    height: 74px;
    border-radius: 50px;
    background: #06072a;
    outline: none;
    border: none;
    color: #53c9fd;
    padding: 25px 0px 0px 50px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

button.step-cat{
    border:none;
}

button.step-cat > .icon-faq-cat,
button.step-cat > .name-faq-cat{
    margin-top:0px;
}

button.step-cat{
    background: #091436;
    border-radius:30px;
}

button.step-cat.active,
button.step-cat:hover{
    background: url(../img/step-cat.png) no-repeat #091436;
    background-size:100% 100%;
}

.select-postion-box-form{
    padding: 12px 20px !important;
}

.checkbox-step-btn {
    padding: 25px 30px;
}

.step-info-btn {
    margin-left: 20px;
}

.discription-panel {
    text-align: right;
    width: 100%;
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    color: #53c9fd;
}

.pp-status {
    background-color: #050622;
    width: calc(100% + 60px);
    margin-left: -60px;
    border-radius: 35px;
    height: 76px;
    border: none;
    font-size: 14px;
    padding: 16px 0px 10px 0px;
    color: #ffffff !important;
}

/** MENU PANEL **/

.menu-box-panel {
    background: #060729;
    width: 100%;
    height: 180px;
    float: left;
    border-radius: 20px;
    cursor: pointer;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}
.menu-box-panel-bg.active > a > .menu-box-panel,
.menu-box-panel:hover,
.menu-box-panel.active {
    background: rgb(32, 179, 183);
    background: -moz-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20b3b7", endColorstr="#137f9a", GradientType=1);
}

.menu-box-panel-title {
    width: 100%;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    margin-top: 20px;
}

.menu-panel-icon-servers {
    background: url('../img/icon/panel/servers.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
}

.menu-box-panel:hover > .menu-panel-icon-servers,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-servers {
    background: url('../img/icon/panel/servers2.png') center no-repeat;
}

.menu-panel-icon-wallet {
    background: url('../img/icon/panel/wallet.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
}

.menu-box-panel:hover > .menu-panel-icon-wallet,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-wallet {
    background: url('../img/icon/panel/wallet2.png') center no-repeat;
}

.menu-panel-icon-order {
    background: url('../img/icon/panel/order.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
}

.menu-box-panel:hover > .menu-panel-icon-order,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-order {
    background: url('../img/icon/panel/order2.png') center no-repeat;
}

.menu-panel-icon-bok {
    background: url('../img/icon/panel/bok.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
}

.menu-box-panel:hover > .menu-panel-icon-bok,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-bok {
    background: url('../img/icon/panel/bok2.png') center no-repeat;
}

.menu-panel-icon-partners {
    background: url('../img/icon/panel/partners.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
    float: lefrt
}

.menu-box-panel:hover > .menu-panel-icon-partners,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-partners {
    background: url('../img/icon/panel/partners2.png') center no-repeat;
}


.menu-panel-icon-settings {
    background: url('../img/icon/panel/configure.png') center no-repeat;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
    margin-top: 45px;
}

.menu-box-panel:hover > .menu-panel-icon-settings,
.menu-box-panel-bg.active > a > .menu-box-panel > .menu-panel-icon-settings {
    background: url('../img/icon/panel/configure2.png') center no-repeat;
}

.table-cellpic-servers {
    width: 100%;
    background: #060729;
    border-radius: 30px;
    font-weight: 900;
    font-size: 15px;
    padding: 25px 30px 20px 30px;
    float: left;
    position: relative;
}

.table-info-servers {
    width: 100%;
    float: left;
}

.tcol1 {
    width: 13%;
    float: left;
}

.tcol2 {
    width: 35%;
    float: left;
}

.tcol3 {
    width: 30%;
    float: left;
}

.tcol4 {
    width: 12%;
    float: left;
}

.tcol5 {
    width: 10%;
    float: left;
    text-align: right;
}

.icolfull {
    width: 100%;
    height: 20px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #53c9fd;
    padding: 20px 0px;
}

.infodeadline {
    letter-spacing: 2px;
}

.table-row-servers {
    background: #0a1737;
    width: 100%;
    height: auto;
    float: left;
    border-radius: 20px;
    position: relative;
    z-index: 10;
    padding: 15px;
}

.progress-servers-day {
    width: 100%;
    height: 30px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    background: #060729;
    float: left;
    margin-top: -28px;
    margin-bottom: 15px;
    padding: 0px;
}

.progress-bar-servers-day {
    background: #24c1bf;
}

.icol1 {
    width: 12%;
    float: left;
    text-align: center;
    color: #53c9fd;
    text-transform: uppercase;
    font-size: 10px;
    background: #0b1a3f;
    border-radius: 30px;
    padding: 14px 30px 12px 0px;
}

.icol2 {
    width: calc(35% + 30px);
    float: left;
    margin-left: -30px;
    border-radius: 30px;
    padding: 10px 50px 10px 40px;
    font-weight: 900;
    background: #050622;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.icon-info-servers-bg {
    width: 70px;
    height: 41px;
    background: #0b1a3f;
    position: relative;
    float: left;
    margin-left: -30px;
    border-radius: 30px;
    padding: 8px 15px;
}

.icon-info-servers {
    width: 20px;
    height: 20px;
}

.game-info-servers-bg {
    background: rgb(14, 41, 80);
    background: -moz-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e2950", endColorstr="#0f335c", GradientType=1);
    width: calc(100% - 40px);
    height: 41px;
    float: left;
    margin-left: -30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-left: 30px;
    font-weight: 900;
}


.icol4bg {
    background: rgb(14, 41, 80);
    background: -moz-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e2950", endColorstr="#0f335c", GradientType=1);
    width: calc(100%);
    height: 41px;
    float: left;
    margin-left: -40px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-left: 30px;
    font-weight: 300;
}

.icol3 {
    width: 30%;
    float: left;
}

.icol4 {
    width: 20%;
    float: left;
}

.icol5 {
    width: 13%;
    float: left;
    text-align: right;
}

.icol6 {
    float: left;
    width: 5%;
    font-weight: 900;
    font-size: 15px;
    padding-top: 12px;
    text-align: center;
}

.icol7 {
    float: left;
    width: 10%;
}

.bg-serwers-info {
    background: rgb(14, 41, 80);
    background: -moz-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    background: linear-gradient(90deg, rgba(14, 41, 80, 1) 0%, rgba(15, 51, 92, 1) 15%, rgba(12, 37, 73, 1) 70%, rgba(15, 51, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e2950", endColorstr="#0f335c", GradientType=1);
    width: calc(100% + 30px);
    height: 41px;
    float: left;
    margin-left: -30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-left: 30px;
}

.bg-serwers-info2 {
    background: #060729;
    width: calc(100% + 30px);
    height: 41px;
    float: left;
    margin-left: -30px;
    border-radius: 30px;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-left: 30px;
}

.bg-serwers-info {
    text-transform: uppercase;
    font-size: 11px;
    color: #53c9fd;
    float: left;
    padding-top: 13px;
}

.serwers-info-date {
    color: #fff;
    text-transform: none;
    margin-left: 10px;
    font-weight: 600;
}

.icol8 {
    width: 15%;
    float: left;
}

.icol9 {
    width: 15%;
    float: left;
}

.icol10 {
    width: 15%;
    float: left;
}

.icol11 {
    width: 15%;
    float: left;
}

.icol12 {
    width: 25%;
    float: left;
    text-align: right;
}

.btn-option-servers {
    width: 44px;
    height: 44px;
    background: #060729;
    border-radius: 5px;
    padding: 10px 10px;
    cursor: pointer;
    margin-left: 5px;
    float: left;
}

.btn-option-servers:hover,
.btn-option-servers:focus {
    background: rgb(32, 179, 183);
    background: -moz-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    background: linear-gradient(180deg, rgba(32, 179, 183, 1) 0%, rgba(19, 127, 154, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20b3b7", endColorstr="#137f9a", GradientType=1);
}

.icon-option-servers.restart {
    background: url('../img/icon/panel/restart-server.png');
    float: left;
}

.btn-option-servers:hover > .icon-option-servers.restart,
.btn-option-servers:focus > .icon-option-servers.restart {
    background: url('../img/icon/panel/restart-server2.png');
}

.icon-option-servers.stop {
    background: url('../img/icon/panel/stop-server.png');
    float: left;
}

.btn-option-servers:hover > .icon-option-servers.stop,
.btn-option-servers:focus > .icon-option-servers.stop {
    background: url('../img/icon/panel/stop-server2.png');
}

.icon-option-servers.start {
    background: url('../img/icon/panel/start-server.png');
    float: left;
}

.btn-option-servers:hover > .icon-option-servers.start,
.btn-option-servers:focus > .icon-option-servers.start {
    background: url('../img/icon/panel/start-server2.png');
}

.icon-option-servers.settings {
    background: url('../img/icon/panel/setting-server.png');
    float: left;
}

.btn-option-servers:hover > .icon-option-servers.settings,
.btn-option-servers:focus > .icon-option-servers.settings {
    background: url('../img/icon/panel/setting-server2.png');
}




.icon-option-servers {
    width: 25px;
    height: 25px;
    text-align: center;
}

.buttons-action-server {
    float: right;
}


.server-status-install {
    width: calc (100% + 30px);
    height: 36px;
    margin-top: 3px;
    background: rgb(36, 195, 192);
    background: -moz-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(15, 51, 92, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(15, 51, 92, 0) 100%);
    background: linear-gradient(90deg, rgba(36, 195, 192, 1) 0%, rgba(15, 51, 92, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24c3c0", endColorstr="#0f335c", GradientType=1);
    border-radius: 30px;
    float: left;
    margin-left: -20px;
    padding: 11px 40px;
    font-size: 11px;
    z-index: 10;
    position: relative;
    color: #ffffff;
}

.server-status-active {
    width: calc (100% + 30px);
    height: 36px;
    margin-top: 3px;
    background: rgb(16, 216, 82);
    background: -moz-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    background: linear-gradient(120deg, rgba(16, 216, 82, 1) 0%, rgba(8, 131, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10d852", endColorstr="#088362", GradientType=1);
    border-radius: 30px;
    float: left;
    margin-left: -20px;
    padding: 11px 40px;
    font-size: 11px;
    z-index: 10;
    position: relative;
    color: #ffffff;
}

.server-status-blocked {
    width: calc (100% + 30px);
    height: 36px;
    margin-top: 3px;
    background: rgb(255, 162, 0);
    background: -moz-linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    background: linear-gradient(120deg, rgba(255, 162, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#ff6c00", GradientType=1);
    border-radius: 30px;
    float: left;
    margin-left: -20px;
    padding: 11px 40px;
    font-size: 11px;
    z-index: 10;
    position: relative;
    color: #ffffff;
}

.server-status-deadline {
    width: calc (100% + 30px);
    height: 36px;
    margin-top: 3px;
    background: rgb(211, 20, 56);
    background: -moz-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d31438", endColorstr="#592758", GradientType=1);
    border-radius: 30px;
    float: left;
    margin-left: -20px;
    padding: 11px 40px;
    font-size: 11px;
    z-index: 10;
    position: relative;
    color: #ffffff;
}


.server-on {
    width: 44px;
    height: 44px;
    float: left;
    background: rgb(128, 190, 38);
    background: -moz-linear-gradient(120deg, rgba(128, 190, 38, 1) 0%, rgba(22, 152, 66, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(128, 190, 38, 1) 0%, rgba(22, 152, 66, 1) 100%);
    background: linear-gradient(120deg, rgba(128, 190, 38, 1) 0%, rgba(22, 152, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80be26", endColorstr="#169842", GradientType=1);
    border-radius: 5px;
}

.server-off {
    width: 44px;
    height: 44px;
    float: left;
    background: rgb(211, 20, 56);
    background: -moz-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    background: linear-gradient(120deg, rgba(211, 20, 56, 1) 0%, rgba(89, 39, 88, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d31438", endColorstr="#592758", GradientType=1);
    border-radius: 5px;
}

.server-status-icon {
    width: 16px;
    height: 16px;
    padding: 14px 10px 10px 13px;
    float: left;
    position: relative;
}

.icon-status-size {
    width: 16px;
    height: 16px;
    float: left;
}

.icol-row {
    width: 100%;
    height: 44px;
    float: left;
    margin-top: 28px;
}

.padding-panel {
    padding: 70px 0px 130px 0px;
    float: left;
    width: 100%;
}

.breadcrumb {
    font-size: 15px;
    padding: 20px 40px;
    border-radius: 30px;
    background: #060729;
    width: 100%;
}


.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #09c0cd;
    content: "-";
}

.breadcrumb-item.active {
    color: #ffffff;
    font-weight: 900;
}

/****** MENU PANEL CLIENT *******/

.menu-left-panel {
    background: #060729;
    width: 100%;
    height: auto;
    float: left;
    border-radius: 30px;
    padding: 50px 40px;
}

.title-menu-left-panel {
    font-size: 36px;
    font-weight: 900;
}

.subtitle-menu-left-panel {
    color: #53c9fd;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
}

.subtitle-widget {
    color: #084d6b    ;
    font-weight: 300 !important;
    width: 70%;
    letter-spacing: 1px;
    font-size: 10px;
}

.panelhp-serwer-menu {
    float: left;
    margin-top: 20px;
    width: 100%;
    font-weight: 600;
}

.panelhp-serwer-menu > .nav-item {
    background: #0a1838;
    border-radius: 30px;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    cursor: pointer;
}

.panelhp-serwer-menu > .nav-item > .nav-link:hover,
.panelhp-serwer-menu > .nav-item.active > .nav-link,
.panelhp-serwer-menu > .nav-item > .nav-link.active{
    background: url(../img/calc-select.png) no-repeat;
    width: 100%;
    height: 50px;
    border-radius: 30px;
}

.panelhp-serwer-menu > .nav-item > .nav-link {
    color: #fff;
    padding: 15px 0px;
}

.icon-serwer-menu {
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    margin-top: 15px;
    margin-right: 60px;
    text-align: center;
    color: rgb(98, 196, 244);
}

/**** INFO USŁUGI ****/

.title-panel-serwers {
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 30px;
    padding: 50px 0px;
    float: left;
}

.title-panel-small {
    width: 100%;
    text-align: left;
    font-weight: 900;
    font-size: 16px;
    padding: 50px 0px 25px 0px;
    float: left;
}

.panel-server-status-position {
    padding-top: 15px;
}

.panel-info-box-postion {
    padding-top: 25px;
}

.panel-game-icon {
    margin-top: -2px;
    margin-right: 5px;
}

.server-status-bar {
    height: 80px;
    border-radius: 50px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.server-status-bar.off {
    background: rgb(117, 22, 57);
    background: -moz-linear-gradient(50deg, rgba(117, 22, 57, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(117, 22, 57, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: linear-gradient(50deg, rgba(117, 22, 57, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#751639", endColorstr="#0a1737", GradientType=1);
}

.server-status-bar.info {
    background: rgb(21,144,142,1);
    background: -moz-linear-gradient(50deg, rgba(21,144,142,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(21,144,142,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: linear-gradient(50deg, rgba(21,144,142,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24c3c0",endColorstr="#0a1737",GradientType=1);
}

.server-status-bar.blocked {
    background: rgb(214,149,34);
    background: -moz-linear-gradient(50deg, rgba(214,149,34,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(214,149,34,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: linear-gradient(50deg, rgba(214,149,34,1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200",endColorstr="#0a1737",GradientType=1);
}

.server-status-bar.on {
    background: rgb(46, 140, 27);
    background: -moz-linear-gradient(50deg, rgba(46, 140, 27, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(46, 140, 27, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    background: linear-gradient(50deg, rgba(46, 140, 27, 1) 0%, rgba(10, 23, 55, 1) 50%, rgba(10, 23, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e8c1b", endColorstr="#0a1737", GradientType=1);
}

.server-status-bar.off .server-status-deadline,
.server-status-bar.info .server-status-install,
.server-status-bar.blocked .server-status-blocked {
    margin-left: 30px;
    margin-top: 20px;
    padding: 8px 40px;
    font-size: 12px;
}


.server-status-bar .buttons-action-server {
    margin-top: 17px;
    margin-right: 30px;
}

/****** Modals ******/

.modal-content {
    background: #0a1737;
    border-radius: 25px;
    padding: 50px 50px 0px 50px;
}

.icon-padding {
    padding: 0px 10px;
}

.harmonogram-number {
    width: 100%;
    text-align: center;
}

button.btn-blue-big {
    padding: 0px;
    border: none;
}

button.btn-logout {
    padding-top: 5px;
    border: none;
}

.modal-header {
    border: none;
}

.modal-title {
    font-size: 16px !important;
}

.modal-footer {
    border: none;
}

.close:focus,
.close:hover {
    opacity: 1;
}

button:focus {
    outline: none;
}

.icon-cross,
.icon-cross:focus {
    background: url('../img/cross-icon.png') no-repeat;
    width: 19px;
    height: 19px;
    float: right;
    margin-top: 1px;
    border: none;
    outline: none !important;
}

/****** TABLES ******/

.tablehp {
    float: left;
    width: 100%;
    text-align: center;
    color: #53c9fd;
}

.tablehp > thead {
    background: #0a1737;
    border-radius: 50px;
    width: 100%;
    height: 76px;
    color: #fff;
    border: none;
}

.tablehprow {
    width: 100%;
    height: 5px;
}

.tablehp > thead > tr > th:first-child {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    padding: 25px;
}

.tablehp > thead > tr > th:last-child {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    padding: 25px;
}

.tablehp > thead > tr > th {
    padding: 25px;
}


.tablehp.logs > tbody > tr > td:nth-child(3) {
    color: #ffffff;
}

.tablehp.logs > tbody > tr > td:nth-child(2) {
    font-weight: bold;
}

.tablehp > tbody > tr > td {
    background: #050622;
    position: relative;
    padding: 15px;
}

.tablehp > tbody > tr > td:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.tablehp > tbody > tr > td:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}


.tablehp > :not(caption) > * > * {
    border: none;
}

.infobar {
    background: #060729;
    width: 100%;
    height: auto;
    min-height: 132px;
    float: left;
    margin-top: 2px;
    margin-bottom: 50px;
    border-radius: 70px;
    font-size: 12px;
}

.infobar-warning {
    background: #0a1737;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 2px;
    border-radius: 70px;
    font-size: 12px;
}

.infobar-text {
    padding: 15px 30px 40px 30px;
}

.infobar-text-warning {
    padding: 10px 30px 30px 30px;
    text-align: center;
}

.infobar-bg-warning {
    background: #ffa800;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 50px;
    border-radius: 70px;
}

.infobar-bg {
    background: #21b9ba;
    width: 100%;
    height: 132px;
    float: left;
    margin-top: 40px;
    border-radius: 70px;
}

.infobar-cellpic {
    background: url('../img/info-panel-cellpic.png') no-repeat center top;
    margin: 0px auto;
    width: 100%;
    height: 56px;
    text-align: center;
    margin-top: -26px;
}


.infobar-cellpic-pp {
    background: url('../img/pp-panel-cellpic.png') no-repeat center top;
    margin: 0px auto;
    width: 100%;
    height: 56px;
    text-align: center;
    margin-top: -26px;
}


.infobar-cellpic-warning {
    background: url('../img/warning-panel-cellpic.png') no-repeat center top;
    margin: 0px auto;
    width: 100%;
    height: 51px;
    text-align: center;
    margin-top: -26px;
}

.form-control.bigarea {
    background: #050622;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: none;
    padding: 20px 35px;
    color: #53c9fd;
    float: left;
}

.bottom-bigarea {
    background: #050622;
    width: 100%;
    height: 78px;
    float: left;
    border-bottom-left-radius: 38px;
    border-bottom-right-radius: 38px;
    padding-top: 4px;
}

.btn-bigarea,
.btn-bigarea:focus,
.btn-bigarea:active {
    padding: 27px 80px 23px 30px;
    border-radius: 50px;
    background: #0a1737;
    height: 74px;
    width: 100%;
    border: none;
    outline: none;
    color: #fff;
    font-weight: bold;
}

.location-file-bigarea {
    font-weight: normal;
    color: #53c9fd;
    padding-left: 10px;
}

.btn-bigarea::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

.btn-bigarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.btn-bigarea::placeholder {
    color: #fff;
}

.btn-bigarea-bg {
    width: calc(100% + 90px);
    height: 74px;
    background: #050622;
    border-radius: 50px;
    margin-left: -90px;
    float: left;
    padding: 18px 25px;
    position: relative;
}

.modal-body {
    padding: 25px 1rem;
}

.modal-body .label-specjal-btn {
    background: #168ca1;
}

.form-specjal-btn input,
.form-specjal-btn input:focus,
.form-specjal-btn input:active {
    background: none;
    border: none;
    color: #53c9fd;
    width: 90%;
    outline: none;
}

.form-small-textarea,
.form-small-textarea:hover,
.form-small-textarea:active,
.form-small-textarea:focus{
    background: #06072a;
    color: #53c9fd;
    border: none;
    outline: none;
    font-size:14px;
    width:90%;
}

.form-small-textarea::-webkit-input-placeholder { /* Edge */
      color: #53c9fd;
}

.form-small-textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #53c9fd;
}

.form-small-textarea::placeholder {
      color: #53c9fd;
}

.panel-info-box-postion-modal-select {
    padding-top: 18px;
    text-align: center;
}

.text-area-form-small{
     min-height: 74px;
     height:auto !important;
     padding-bottom: 18px;
}
select {
    outline: none !important;
    border: 0px !important;
    box-shadow: none !important;
}

select.select-modal,
select.select-modal > option {
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
    outline: none;
}

select.select-modal > option {
    background: #050622;
    cursor: pointer;
}

.select-modal,
.select-modal:focus {
    background: none;
    border: none;
    outline: none;
    color: #53c9fd;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.modal-price {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
}

.serwer-consola-bg {
    float: left;
    width: 100%;
}

.bigarea {
    width: 100%;
    background: #050622;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border: none;
    padding: 40px 35px;
    color: #53c9fd;
    float: left;
    overflow-y: auto;
}

.bigarea-bg,
.bigarea-bg:focus {
    background: none;
    color: #53c9fd;
    border: none;
    outline: none;
}

.modal-fullscreen .modal-body {
    overflow: hidden !important;
    padding: 1rem 1rem;
}

.btn-console {
    float: left !important;
    margin-top: 0px;
    border: none;
    outline: none;

}

.bigarea-console-modal {
    border-radius: 50px;
}

.bigarea-console-modal > .bigarea-bg {
    height: 70vh;
}

.modal-fullscreen > .modal-content > .modal-header > .modal-title {
    font-size: 22px !important;
}

.form-specjal-btn-number,
.form-specjal-btn-number:focus,
.form-specjal-btn-number:hover,
.form-specjal-btn-number:disabled,
.form-specjal-btn-number[readonly] {
    width: 100%;
    background: #0a1737;
    outline: none;
    border: none;
    color: #53c9fd;
    font-size: 14px;
    cursor: text;
    border-radius: 30px;
    text-align: center;
    padding:0px !important;
    min-height: auto !important;
    
}

.iconbig-webftp {
    font-size: 24px;
    padding: 0px 30px;
}

.icons-webftp {
    float: left;
    margin-left: -15px;
}

.small-icons-webftp {
    float: left;
    margin-top: 30px;
    margin-left: -25px;
}

.small-icons-webftp > a.iconsmall-webftp:first-child {
    padding: 0px;
}

.iconsmall-webftp {
    font-size: 18px;
    padding: 0px 38px;
}

.webftptable > tbody > tr > td:first-child {
    background: #0a1737;
}


/***** Monitor zasobów *****/

.monitor-gamers {
    background: url('../img/wykres_graczy.png') top center no-repeat;
    width: 100%;
    height: 400px;
    float: left;
}

.tablemonitor thead {
    background: none;
    border-radius: 50px;
    width: 100%;
    height: 40px;
    color: #838397;
    border: none;
    font-size: 12px;
    font-weight: 100;
}

.tablemonitor > thead > tr > th {
    padding: 10px;
}

.tablemonitor > thead > tr > th:first-child {
    padding: 10px;
}

.tablemonitor > thead > tr > th:last-child {
    padding: 10px;
}

.tablemonitor tbody {
    color: #fff;
}

.small-btn-table {
    margin-top: 0px;
    margin-right: 0px;
}

.tablemonitor > tbody > tr > td:nth-child(2) {
    font-weight: 300 !important;
}

.tablemonitor > tbody > tr > td:nth-child(3) {
    font-weight: 600 !important;
    color: #09c0cd !important;
}

.tableports > tbody > tr > td:nth-child(3) {
    font-weight: 300 !important;
    color: #fff !important;
}

.name-servers-statusbar {
    width:75%;
    padding: 30px 50px;
    float: left;
    text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

div#racaptchaRegistration > div {
    width: 100% !important;
}

.players-servers-statusbar {
    width:25%;
    padding: 30px 0px;
    float: left;
}

.tablemonitor > tbody > tr > td:nth-child(2) {
    font-weight: 600 !important;
    color: #09c0cd !important;
}

.progress-monitor {
    width: calc(100% + 90px);
    background: #070830;
    margin-left: -90px;
    height: 74px;
    margin-top: -72px;
    border-radius: 50px;
    position: relative;
}

.progressbar-high .progress-bar-servers-day {
    background: #fc0000 !important;
}

.progressbar-high .font-color-step,
.progressbar-high .info-text-progressbar {
    color: #fc0000 !important;
}

.progressbar-medium .progress-bar-servers-day {
    background: #ffa800 !important;
}

.progressbar-medium .font-color-step,
.progressbar-medium .info-text-progressbar {
    color: #ffa800 !important;
}

.progressbar-lite .progress-bar-servers-day {
    background: #09c0cd !important;
}

.progressbar-lite .font-color-step,
.progressbar-lite .info-text-progressbar {
    color: #09c0cd !important;
}

.info-text-progressbar {
    text-align: right;
    float: right;
    margin-right: 30px;
}

/**** OŚ LOJALNOŚCIOWA ****/

.loyalty {
    width: 100%;
    height: 175px;
    background: #0a1737;
    float: left;
    border-radius: 50px;
    text-align: center;
    border-bottom: 2px solid #060729;
    margin-bottom: 80px;
}

.loyalty-small{
    width: 100%;
    height: 175px;
    background: #0a1737;
    float: left;
    border-radius: 50px;
    text-align: center;
    border-bottom: 2px solid #060729;
}

.loyalty h1,
.loyalty-small h1{
    font-size: 24px !important;
    color: #fff;
    font-weight: 900;
    padding-top: 40px;
}

.loyalty p,
.loyalty-small p{
    font-size: 10px !important;
    color: #2f709a !important;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.loyalty .progress {
    position: relative;
    background: none !important;
    top: 8px;
    height: 60px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.loyalty .progress-bar {
    background: rgb(9, 192, 205);
    background: -moz-linear-gradient(0deg, rgba(9, 192, 205, 0.3477766106442577) 0%, rgba(9, 192, 205, 0) 80%);
    background: -webkit-linear-gradient(0deg, rgba(9, 192, 205, 0.3477766106442577) 0%, rgba(9, 192, 205, 0) 80%);
    background: linear-gradient(0deg, rgba(9, 192, 205, 0.3477766106442577) 0%, rgba(9, 192, 205, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09c0cd", endColorstr="#09c0cd", GradientType=1);
    border-bottom: 2px solid #09c0cd;
    border-bottom-left-radius: 50px;
}

.progress-bar-info {
    background: url('../img/os-info.png')no-repeat;
    width: 78px;
    height: 33px;
    margin-top: 23px;
    margin-left: -4.5%;
    position: absolute;
    z-index: 50;
    color: #4098c8;
    font-size: 10px;
    font-weight: bold;
    padding-top: 5px;
}

.os-all {
    width: 100%;
    float: left;
}

.os3 {
    background: url('../img/os3.png') top center no-repeat;
    width: 33.333333333%;
    height: 123px;
    z-index: 99;
    position: relative;
    top: -35px;
    float: left;
}

.os3.active {
    background: url('../img/os3h.png') top center no-repeat;
}

.os6 {
    background: url('../img/os6.png') top center no-repeat;
    width: 33.333333333%;
    height: 123px;
    z-index: 99;
    position: relative;
    top: -35px;
    float: left;
}

.os6.active {
    background: url('../img/os6h.png') top center no-repeat;
}

.os12 {
    background: url('../img/os12.png') top center no-repeat;
    width: 33.333333333%;
    height: 123px;
    z-index: 99;
    position: relative;
    top: -35px;
    float: left;
}

.os12.active {
    background: url('../img/os12h.png') top center no-repeat;
}

.panel-small-row {
    float: left;
    width: 100%;
}

.info-status-google {
    text-align: center;
    padding: 29px 0px;
    font-weight: 900;
    font-size: 16px;
}

.qr {
    width: 100%;
    height: 198px;
    float: left;
    text-align: center;

}

.pp-bg {
    background: url('../img/pp-bg.png') top center no-repeat;
    width: 100%;
    height: 251px;
    float: left;
    background-size: 100% 100%;
    margin-top: 100px;
    text-align: center;
    padding: 100px;
    font-size: 24px;
}

.pp-pkt-bg {
    font-size: 36px;
    color: #23a6e0;
    font-weight: 900;
}

.infobox-wallet {
    background-color: #0a1838;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    padding: 50px 20px 100px 20px;
    line-height: 30px;
    color: #b2b7c1;
}

.icon-infobox-wallet {
    font-size: 24px;
    margin-top: 32px;
    color: #21b9ba;
}

.wallet-info-status {
    background: url('../img/wallet-info-bg.png') no-repeat;
    width: 100%;
    height: 251px;
    background-size: 100% 100%;
    margin-top: -50px;
    padding: 30px;
}

.icon-wallet-info-status {
    font-size: 24px;
    color: #21b9ba;
}

.wallet-content-info-status {
    font-size: 24px;
    margin-top: 10px;
}

.icon-payments-bg {
    background: rgb(6, 7, 41);
    background: -moz-linear-gradient(180deg, rgba(6, 7, 41, 1) 0%, rgba(11, 47, 76, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(6, 7, 41, 1) 0%, rgba(11, 47, 76, 1) 100%);
    background: linear-gradient(180deg, rgba(6, 7, 41, 1) 0%, rgba(11, 47, 76, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060729", endColorstr="#0b2f4c", GradientType=1);
    border-radius: 50px;
    height: 95px;
    width: 100%;
    padding: 23px 20px;
    text-align: center;
}

.row-payments {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}

.title-payments-form {
    font-weight: 900;
    font-size: 16px;
}

.discription-payments-form {
    font-size: 12px;
    color: #a2a2b1;
    margin-top: 10px;
}

.status-payments-position {
    width: 100%;
    margin-left: 0px;
    margin-top: -7px;
}

.payments-logs-position > tbody > tr > td {
    padding-top: 20px;
}

.btn-copy-widget {
    float: right;
}

.bigarea.copybox {
    border-radius: 50px;
}

.game-orders {
    font-size: 15px;
    font-weight: 900;
    margin-top: 11px;
    margin-left: 20px;
    float: left;
}

.table-orders > .icol-row {
    margin-top: 30px;
    margin-bottom: 30px;
}

/***** ORDERS *****/

.table-orders .icol5 {
    width: 4%;
    padding-top: 12px;
    float: left;
    text-align: center;
}

.table-orders .icol5 .checkbox-step-btn {
    padding: 0px !important;
}

.table-orders .icol6 {
    width: 7%;
    padding-top: 12px;
    float: left;
    text-align: center;
}

.table-orders .icol8 {
    width: 20%;
}

.table-orders .icol11 {
    width: 8%;
}

.table-orders .icol12 {
    width: 15%;
    text-align: center;
    float: left;
}

.table-orders .icol13 {
    width: 15%;
    float: left;
}

.table-orders .icol13 .server-status-active {
    width: 45%;
    float: right;
    margin-right: 5%;
    margin-top: 0px;
    padding: 10px 0px;
    text-align: center;
    color:#fff !important;
}

.table-orders .icol13 .server-status-deadline {
    width: 45%;
    float: right;
    margin-top: 0px;
    padding: 10px 0px;
    text-align: center;
    color:#fff !important;
}

.table-row-orders {
    margin-bottom: 10px;
    float: left;
}

.bg-price-order {
    width: calc(100% + 30px);
    background: none;
    border-radius: 30px;
    border: 1px solid #060729;
    text-align: center;
    font-size: 15px;
    margin-left: -30px;
    height: 41px;
    padding: 8px 0px 8px 30px;
    float: left;
}

.table-cellpic-orders .tcol1 {
    text-align: center;
    width: 8%;
}

.table-cellpic-orders .tcol2 {
    text-align: center;
    width: 20%;
}

.table-cellpic-orders .tcol3 {
    text-align: center;
    width: 32%;
}

.table-cellpic-orders .tcol4 {
    text-align: center;
    width: 24%;
}

.table-cellpic-orders .tcol5 {
    text-align: center;
    width: 16%;
}

.cellpic-bok {
    width: 100%;
    min-height: 80px;
    background: #060729;
    border-radius: 50px;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.id-cellpic-bok {
    background: rgb(32, 178, 183);
    background: -moz-linear-gradient(0deg, rgba(32, 178, 183, 1) 0%, rgba(23, 143, 162, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(32, 178, 183, 1) 0%, rgba(23, 143, 162, 1) 100%);
    background: linear-gradient(0deg, rgba(32, 178, 183, 1) 0%, rgba(23, 143, 162, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20b2b7", endColorstr="#178fa2", GradientType=1);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    float: left;
    color: #fff !important;
}

.form-control:disabled, .form-control[readonly]{
    background-color:#050622;
}

.collapse-bok .card {
    background: none !important;
    border:0px !important;
}

.collapse-bok .card .btn-bigarea {
    font-size: 14px;
    color: #a5a5a9;
    font-weight: 300;
}


.title-cellpic-bok {
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.bg-serwers-types {
    margin-top: 20px;
    float: left;
    margin-right: 40px;
    width: 100%;
}

.notification {
    width: 100%;
    float: left;
    padding: 35px;
}

.notification > .title {
    font-size: 11px;
    width: 100%;
    color: #198793;
    float: left;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.notification > .text {
    float: left;
    font-size: 14px;
}

.notification.support {
    background: rgb(16, 69, 93);
    background: -moz-linear-gradient(90deg, rgba(16, 69, 93, 1) 0%, rgba(10, 24, 56, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(16, 69, 93, 1) 0%, rgba(10, 24, 56, 1) 100%);
    background: linear-gradient(90deg, rgba(16, 69, 93, 1) 0%, rgba(10, 24, 56, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#10455d", endColorstr="#0a1838", GradientType=1);
    border-radius: 30px;
}


.opinion-star .star {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/stars.png) 0 -20px;
}

.opinion-star .star.active {
    background-position: 0 0;
}

.opinion-star .star:not(:last-child) {
    margin-right: 0.25rem;
}


.custom-select__trigger.shop{
    height:52px;
    background-size: 100% 100%;
}

.btn-category-all{
    width:100%;
}

.custom-category{
    padding: 10px 22px 10px 30px;
    font-size:20px;
    color:#53c9fd;
}

.custom-options.big > .custom-select-scroll{
    height:250px !important;
}

.btn-shop-info{
    width:100%;
    height:52px;
    padding:5px;
    margin-left:0px;
    margin-top:0px;
}

.btn-shop-cart{
    width:100%;
    height:52px;
    padding:5px;
    margin-left:0px;
    margin-top:0px;
    background:#0a1737;
    position: relative;
}

.info-pp-shop{
    text-align: center;
    width:100%;
    height:52px;
    padding:14px;
    color:#20b4b7;
    background:#06072a;
    border-radius:30px;
}

.custom-select-scroll.shop-sort{
    height:80px;
}

.product-box{
    width:100%;
    float:left;
    background:#050622;
    border-radius:20px;
    margin-bottom:25px;
}

.bottom-box:hover .price-box{
    display: none;
}

.bottom-box:hover{
    background:#158aa0;
}

.bottom-box:hover .price-box-hover{
    display: block;
}

.img-box-position{
    padding:30px 0px 10px 0px;
    margin:0px auto;
    text-align: center;
    width:100%;
}

.img-box{
    height:180px;
}

.title-box{
    font-size:20px;
    font-weight: 900;
    margin: 0px auto;
    width:80%;
    text-align: center;
    min-height:60px;
}

.category-box{
    text-align: center;
    width:100%;
    font-size:12px;
    color:#1fafb5;
    margin-top:10px;
}

.bottom-box{
    background:#07183d;
    border-radius:20px;
    position: relative;
    margin-top:20px;
    width:100%;
    height:62px;
    text-align: center;
    font-size:16px;
    padding:8px 0px;
    cursor: pointer;
}

.price-box-hover{
    display:none;
    font-size:18px;
    font-weight: 900;
    padding-top:9px;
}

.big-price-box{
    font-weight: 900;
    font-size:30px;
    color:#1fafb5;
}

.product-card-box{
    width:100%;
    float:left;
    margin-bottom:15px;
    background:#070a32;
    border-radius:20px;
    height:145px;
    padding:15px;
}

.product-card-box-img{
    background:#06082a;
    width:100%;
    height:115px;
    border-radius:20px;
    padding:12px;
    float:left;
}

.img-shop-card-resize{
    height:90px;
}

.title-product-card-box{
    float:left;
    width:100%;
    font-size:12px;
    color:#1fafb5;
    margin-top:30px;
}

.title-product-card-box-big{
    font-size:24px;
    float:left;
}

.bg-box-info-product-card{
    width:100%;
    height:115px;
    background:#06092d;
    float:left;
    border-radius:20px;
}

.title-bg-box-info-product{
    text-align: center;
    padding-top: 20px;
    color:#1fafb5;
    font-size:12px;
}

.price-box-info-product{
    text-align: center;
    width:100%;
    float:left;
    margin-top:10px;
}

.quantity-box-info-product{
    text-align: center;
    width:100%;
    float:left;
    margin-top:10px;
    font-size:10px;
}

.price-box-info-big{
    font-size:24px;
    font-weight:600;
}

.icon-modify-quantity{
    padding:0px 10px;
    position: relative;
    top:-3px;
}

.basket-icon-bg-shop{
    width:100%;
    height:115px;
    background:#080f36;
    float:left;
    border-radius:20px;
    text-align: center;
    font-size:36px;
    padding:30px;
    cursor: pointer;
    color:#1faeb5 !important;
}

.box-supply-pay{
    margin-top:-38px;
}

.price-final-summary{
    width:100%;
    text-align: center;
    font-size:18px;
    margin-top:10px;
}

.price-final-summary-title{
    text-align: center;
    width:100%;
    text-transform: uppercase;
    color:#3680ae;
    margin-bottom:30px;
}

.price-final-summary-big{
    font-size:48px;
    font-weight: 900;
}

.box-supply{
    background:#0a1737;
    width:100%;
    height:76px;
    border-radius:30px;
    float:left;
    padding:25px 30px;
    margin-bottom:15px;
}

.box-supply > .check {
    float:left;
    margin-right:15px;
    margin-top:2px;
}


.box-supply > .title {
    font-size:18px;
    font-weight: 900;
    float:left;
}

.box-supply > .small-title {
    font-size:12px;
    color:#0f4559;
    float:right;
    padding-top:4px;
}

.finish-summary{
    height:190px;
    width:100%;
    float:left;
    margin-top:100px;
    background:#06072c;
    border-radius:20px;
}

.cellpic-info-card-product{
    width:100%;
    float:left;
    margin-bottom:50px;
}

.product-bg-card-shop{
    width:100%;
    background:#06072a;
    min-height:555px;
    float:left;
    border-radius:30px;
    margin-bottom:50px;
}

.images-product-card-shop{
    float:left;
    background:#050622;
    width:100%;
    min-height:555px;
    border-radius:30px;
}

.content-product-card-shop{
    padding:55px 40px;
    float:left;
    width:100%;
    min-height:555px;
}

.content-header-product-card-shop{
    width:100%;
    float:left;
}

.title-header-product-card-shop{
    float:left;
    color:#2c6893;
    text-transform: uppercase;
    font-size:10px;
    width:100%;
}

.summaryprice-header-product-card-shop{
    float:left;
    font-weight: 900;
    font-size:48px;
    color:#53c9fd;
    width:100%;
}

.btn-buy-shop-position{
    float:right;
    margin-top:15px;
}

.content-text-product-card-shop{
    float:left;
    margin-top:50px;
}

.bigimg-product-card-shop{
    width:100%;
    margin:0px auto;
    text-align: center;
    margin-top:60px;
}

.bigimages-product-size{
    height:320px;
}

.small-gallery-product-card-shop{
    width:80%;
    margin-left:10%;
    margin-top:50px;
    height:100px;
}

.small-img-product-card-shop.active,
.small-img-product-card-shop:hover{
    border:1px solid #53c9fd;
}

.small-img-product-card-shop{
    width:100%;
    height:100px;
    margin:0px auto;
    text-align: center;
    background:#06072a;
    border-radius:10px;
    padding-top:5px;
    cursor: pointer;
}

.small-img-product-size{
    width:100%;
    float:left;
}

.arrow-left-product-card-shop{
    position: relative;
    float:left;
    top:-62px;
    left:-30px;
    font-size:20px;
    cursor: pointer;
}

.arrow-right-product-card-shop{
    position: relative;
    top:-62px;
    float:right;
    right:-30px;
    font-size:20px;
    cursor: pointer;
}

.arrow-left-product-card-shop-big{
    position: relative;
    top:-260px;
    width:40px;
    float:left;
    height:40px;
    left:-50px;
    font-size:32px;
    cursor: pointer;
}

.arrow-right-product-card-shop-big{
    position: relative;
    top:-260px;
    width:40px;
    height:40px;
    float:right;
    margin-right:-80px;
    font-size:32px;
    cursor: pointer;
}

.similar_products{
    float:left;
    width:100%;
    max-height:390px;
    overflow: hidden;
}


.cp-color-picker{
    z-index: 999 !important;
}

.icon-games-list{
    margin-top:5px;
}

.btnnone,
.btnnone:focus,
.btnnone:active,
.btnnone:hover{
    border: none !important;
    background-color: transparent;
    box-shadow: none !important;
    color: #1bedf0;
}

.fullmodal-console{
    padding:10px;
    margin-top:-95px;
}


/****** RESPONSIVE ******/

@media screen and (max-width: 767px) {

    .mobilesmallhide {
        display: none !important;
    }

    .btn-edit-subuser {
        margin-right: 120px !important;
    }

    .progress-bar-info {
        margin-left: -7.6%;
    }
    
    .product-card-box{
        height: auto;
    }
    
    .basket-icon-bg-shop{
        padding:30px 5px;
    }
    
    .img-shop-card-resize{
        height:60px;
    }
    
    .product-card-box-img{
        padding:25px 8px;
    }
    
    .box-supply-pay{
        margin-top:0px;
    }
    
    .btn-category-all{
        width:242px;
    }
    
    .basket-icon-bg-shop{
        margin-top:15px;
    }
    
    .offset-1{
        margin-left:0px;
    }
    
    .finish-summary{
        height:auto;    
    }
    
    .product-card-box .col-md-1 {
        width:20% !important;
    } 
    
    .product-card-box .col-md-5,
    .product-card-box .col-md-6 {
        width:80% !important;
    } 
    
    .product-card-box .col-md-2 {
        width:40% !important;
        margin-top:15px;
    } 

    .title-payments-form {
        margin-top: 25px;
        width: 100%;
        float: left;
    }

    .table-orders .icol5 {
        width: 10%;
    }

    .table-orders .icol6 {
        width: 15%;
    }

    .table-orders .icol8 {
        width: 75%;
    }

    .table-orders .icol9 > .bg-serwers-info {
        margin-left: 0px;
        margin-top: 15px;
    }

    .table-orders .icol11 > .bg-serwers-info2 {
        margin-left: 0px;
    }

    .table-orders .icol9,
    .table-orders .icol10,
    .table-orders .icol11,
    .table-orders .icol12 {
        width: 50%;
        float: left;
    }
    
    .custom-select-wrapper.shop{
        margin-left:0px;
    }
    
    .btn-shop-cart{
        margin-bottom:15px;
    }
    
    .btn-shop-info{
        margin-bottom: 10px;
    }
    
    .bottommobileshop{
        margin-bottom: 15px !important;
    }
    
    .info-pp-shop{
        height: auto;
        margin-bottom:15px;
    }

    .table-orders .icol13 {
        width: 100%;
        margin-top: 20px;
    }

    .table-orders .icol13 .server-status-deadline {
        width: 48%;
        margin-left: 2%;
    }

    .table-orders .icol13 .server-status-active {
        width: 48%;
        margin-right: 2%;
    }


    .loyalty {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .loyalty .progress-bar {
        border-bottom-left-radius: 0px;
    }

    .loyalty .progress {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .btn-bigarea-bg {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .serwer-consola-bg > .form-buy-small {
        margin-top: 0px !important;
    }

    .btn-console {
        margin-top: 0px !important;
    }


    .serwer-consola-bg .form-buy-small .cross-error-small {
        padding-right: 10px !important;
    }

    .progress-monitor {
        width: 100%;
        margin-left: 0px;
        margin-top: -122px;
    }

    .checked-points {
        padding: 25px 0px !important;
    }

    .btn-bigarea-bg > .btn-small {
        width: 100%;
    }

    .bottom-bigarea {
        height: auto;
    }

    .discription-panel {
        margin-top: 40px;
        margin-right: 40px;
    }

    .table-cellpic-servers {
        display: none;
    }

    .server-status-bar {
        margin-top: 50px;
        height: auto;
    }

    .server-status-bar.off .server-status-deadline {
        width: auto;
    }

    .server-status-bar .buttons-action-server {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .icol1 {
        width: 30%;
    }

    .icol2 {
        width: calc(70% + 30px);
    }

    .icol3 {
        width: 70%;
        margin-top: 15px;
    }

    .icol4 {
        width: 30%;
        margin-top: 15px;
    }

    .icol6 {
        width: 15%;
    }

    .icol7 {
        width: 20%;
    }

    .icol8 {
        width: 32%;
    }

    .icol9 {
        width: 32%;
    }

    .icol10 {
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }

    .icol10 > .bg-serwers-info {
        margin-left: 0px;
        width: 100%;
    }

    .icol11 {
        width: 100%;
        margin-top: 15px;
    }

    .server-status-active {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-blocked {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-install {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-deadline {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .menu-panel > .row > .col-md-2 {
        margin-bottom: 20px;
        float: left;
    }

    .menu-panel {
        float: left;
        position: relative;
    }

    .icol12 {
        width: 100%;
        margin-top: 15px;
    }

    .icol-row {
        height: auto;
    }

    .icon-info-servers-bg {
        margin-left: 0px;
    }

    .pp-status {
        width: 100%;
        margin-left: 0px;
    }

    .col-md-4.offset-4.mobilefullwidth {
        margin-left: 0px;
        margin: 0px auto;
        text-align: center;
    }

    .menu-step-order {
        margin-bottom: 30px;
    }

    .pub-step-game {
        width: 100%;
        margin-bottom: 10px;
    }

    .priv-step-game {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .step-cat > a > .icon-faq-cat {
        margin-left: 19px;
    }

    .step-cat > a > .name-faq-cat {
        margin-left: 50px;
    }

    .form-discription-btn {
        width: 100%;
        margin-left: 0px;
        padding: 25px 0px;
    }

    .checkbox-step-btn {
        text-align: center;
    }

    .btn-coments {
        margin-top: 10px;
        margin-right: 0px;
    }

    .form-akcept-small {
        padding: 8px 25px;
    }

    .cross-error-small {
        padding-right: 0px;
        font-weight: 600;
    }

    .form-specjal-btn {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 50px;
        padding-right: 50px;
    }

    .form-error-small {
        margin-top: -106px;
        margin-right: 20px;
    }

    .form-akcept-small {
        margin-top: -106px;
        margin-right: 20px;
    }

    .form-buy-small {
        margin-top: -106px;
    }

    .form-welcome,
    .form-welcome:active,
    .form-welcome:focus {
        width: 100%;
        padding-right: 0px;
    }

    .btn-logout {
        width: 100%;
        margin-left: 0px;
    }

    .custom-panel-user-select > .custom-select-text {
        text-align: right;
        padding-right: 40px;
    }

    .custom-panel-user-select > .custom-select-text {
        padding-left: 40px;
    }

    .col-princes-1 {
        width: 20%;
        margin-top: 5px;
    }

    .col-princes-2 {
        width: calc(80% + 25px);
        margin-top: 5px;
    }

    .princes_game_name,
    .princes_game_name:hover,
    .princes_game_name:active,
    .princes_game_name:focus {
        border-radius: 30px;
    }

    .video-princes {
        width: 100%;
        height: 210px;
        margin-bottom: 50px;
    }

    .cennik-bg {
        padding: 50px 0px 100px 0px;
    }

    .col-princes-3 {
        width: 100%;
        margin-left: 0px;
        border-top-right-radius: 30px;
        margin-top: 5px;
    }

    .col-princes-4 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .col-princes-5 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
        padding-left: 0px;
    }

    .col-princes-6 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .row-princes {
        margin-top: 40px;
    }

    .big-text-whyus {
        display: none;
    }

    .calc {
        width: 100%;
        height: 100%;
        padding: 20px 20px 50px 20px;
        margin-left: 0px;
        background-size: cover;
    }

    .mobilebuybtn {
        margin-bottom: 50px;
        margin-top: 0px;
    }

    .carousel-inner-news {
        min-height: 500px;
    }

    .faq-contact-bg {
        width: 100% !important;
        padding: 0px;
    }

    .faq-cat {
        background-size: 100% 100%;
    }

    .cellpic-small-title {
        font-size: 24px;
    }

    .faq-category-contact {
        padding: 0px 15px;
    }


    .icon-faq-cat {
        margin-left: 12px;
    }

    .name-faq-cat {
        margin-left: 20px;
    }

    .date-company {
        padding: 50px 115px 100px 115px;
    }

    .arrow {
        left: 0;
    }

    .size60 {
        font-size: 45px;
    }

    .big-text-carousel {
        font-size: 200px;
    }

    .progress-bar-half {
        width: 50%;
        margin-left: 25%;
    }

    .logotyp {
        width: 100%;
        background-position: center;
        padding: 30px 0px 50px 0px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .news {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        float: left;
        position: relative;
    }

    .carousel-control-prev {
        position: absolute;
        margin-top: 190px;
    }

    .carousel-control-next {
        margin-top: 190px;
    }

    .news-buttons-group {
        width: 100%;
        height: 100%;
    }

    .news-text {
        padding: 0px 20px 50px 20px;
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        position: relative;
    }

    .news-panel {
        height: 100%;
    }

    .news-title {
        height: 120px;
        margin-top: 30px;
    }

    .mobileheightauto {
        height: auto;
    }

    .hotoffer {
        height: 100%;
        padding: 60px 0px 80px 0px;
    }

    .btn-archiwum,
    .news-date {
        padding-right: 0px;
    }

    .cost-service {
        margin-bottom: 25px;
    }

    .titleus {
        text-align: center;
    }

    .icon-whyus {
        padding: 20px;
    }

    .text-whyus {
        text-align: center !important;
    }

    .row-pay {
        height: 100%;
    }

    .title-stats {
        margin-top: 40px;
    }

    .stats {
        padding-top: 30px;
    }

    .stats-number-row {
        height: 100%;
        margin-top: 80px;
    }

    .logo-footer {
        margin: 0px auto;
        text-align: center;
    }

    .nav-footer {
        margin-top: 50px;
        width: 100%;
    }

    .navbar-collapse {
        background: #0a1737;
        border-radius: 30px;
        padding: 20px;
    }

    .navbar-collapse > ul > li.nav-item:first-child {
        margin-top: 0px;
    }


    .navbar-collapse > ul > li.nav-item {
        border-radius: 30px;
        margin-top: 10px;
    }

    .navbar-collapse > ul > li.nav-item > a {
        color: rgba(126, 173, 255, 0.8) !important;
        font-size: 14px !important;
        font-weight: 300 !important;
    }

    .navbar-collapse > ul > li.nav-item > a:hover,
    .navbar-collapse > ul > li.nav-item > a:focus,
    .navbar-collapse > ul > li.nav-item > a:active,
    .navbar-collapse > ul > li.nav-item > a.active {
        background: rgb(9, 18, 49);
        background: -webkit-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
        background: -o-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
        background: linear-gradient(to right, rgba(9, 18, 49, 1) 0%, transparent 100%);
        color: #fff !important;
        border-radius: 30px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,144,163, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }

    .navbar-light .navbar-toggler {
        color: rgb(255 255 255 / 55%);
        border-color: rgb(118 227 230);
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem #107392;
    }

    .navbar-toggler {
        margin-bottom: 20px !important;
    }

    .navbar-toggler:after {
        content: 'Menu';
        color: #fff;
        top: 1px;
        position: relative;
    }

    .btn-register {
        float: none;
    }

    .mobilecenter {
        margin: 0px auto;
        text-align: center;
    }

    .form-login,
    .form-login:active,
    .form-login:focus {
        width: 100%;
    }

    .buttons-login {
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pp-status {
        width: 100%;
        margin-left: 0px;
    }

    .server-status-bar {
        height: auto !important;
    }

    .progress-bar-info {
        margin-left: -8.5%;
    }
    
    .product-card-box{
        height: auto;
    }
    
    
    .btn-category-all{
        width:242px;
    }
    
    .basket-icon-bg-shop{
        margin-top:15px;
    }
    
    .product-card-box .col-md-1 {
        width:20% !important;
    } 
    
    .product-card-box .col-md-5 {
        width:80% !important;
    } 
    
    .product-card-box .col-md-2 {
        width:40% !important;
        margin-top:15px;
    } 
    
    .custom-select-wrapper.shop{
        margin-left:0px;
    }
    
    .btn-shop-cart{
        margin-bottom:15px;
    }
    
    .btn-shop-info{
        margin-bottom: 10px;
    }
    
    .bottommobileshop{
        margin-bottom: 15px !important;
    }
    
    .info-pp-shop{
        height: auto;
        margin-bottom:15px;
    }

    .loyalty {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .loyalty .progress-bar {
        border-bottom-left-radius: 0px;
    }

    .loyalty .progress {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .table-orders .icol5 {
        width: 10%;
    }

    .table-orders .icol6 {
        width: 15%;
    }

    .table-orders .icol8 {
        width: 75%;
    }

    .table-orders .icol9 > .bg-serwers-info,
    .table-orders .icol10 > .bg-serwers-info {
        margin-left: 0px;
        margin-top: 15px;
    }

    .table-orders .icol10 > .bg-serwers-info {
        width: 100%;
    }

    .table-orders .icol11 > .bg-serwers-info2 {
        margin-left: 0px;
    }



    .table-orders .icol9,
    .table-orders .icol10,
    .table-orders .icol11,
    .table-orders .icol12 {
        width: 50%;
        float: left;
    }

    .table-orders .icol13 {
        width: 100%;
        margin-top: 20px;
    }

    .table-orders .icol13 .server-status-deadline {
        width: 48%;
        margin-left: 2%;
    }

    .table-orders .icol13 .server-status-active {
        width: 48%;
        margin-right: 2%;
    }

    .players-servers-statusbar {
        padding: 30px 50px;
    }

    .progress-monitor {
        width: 100%;
        margin-left: 0px;
        margin-top: -82px;
    }

    .form-control.form-specjal-btn {
        padding: 25px 20px !important;
        text-align: center;
    }

    .top17 {
        margin-top: 8px !important;
    }

    .serwer-consola-bg > .form-buy-small {
        margin-top: 0px !important;
    }

    .btn-console {
        margin-top: 0px !important;
    }


    .serwer-consola-bg .form-buy-small .cross-error-small {
        padding-right: 10px !important;
    }

    .table-cellpic-servers {
        display: none;
    }

    .btn-edit-subuser {
        margin-right: 80px !important;
    }

    .form-discription-btn {
        margin-left: 0px;
        width: 100%;
        padding: 25px 0px;
    }

    .row-payments > .row > .col-md-3,
    .row-payments > .row > .col-md-4,
    .row-payments > .row > .col-md-5 {
        width: 100% !important;
    }

    .title-payments-form {
        width: 100%;
        float: left;
        margin-top: 25px;
    }

    .panel-small-row .row > .col-md-10,
    .panel-small-row .row > .col-md-5,
    .panel-small-row .row > .col-md-9,
    .panel-small-row .row > .col-md-3,
    .panel-small-row .row > .col-md-6,
    .panel-small-row .row > .col-md-4,
    .panel-small-row .row > .col-md-7,
    .panel-small-row .row > .col-md-2,
    .panel-small-row .row > .col-md-8,
    .panel-small-row .row > .col-md-10,
    .panel-small-row > form > .row > .col-md-5,
    .panel-small-row > form > .row > .col-md-7 {
        width: 100%;
    }
    
    .offset-1{
        margin-left:0px;
    }
    
    .product-card-box .col-md-6{
        width:80% !important;
    }
    
    .box-supply-pay{
        margin-top:0px;
    }
    
    .finish-summary{
        height:auto;
    }

    .checked-points {
        padding: 25px 0px !important;
    }

    .bottom-bigarea > .row > .col-md-10 {
        width: 100% !important;
    }

    .bottom-bigarea > .row > .col-md-2 {
        width: 100% !important;
    }

    .bottom-bigarea {
        height: auto;
    }

    .form-buy-small {
        margin-top: -65px;
    }

    .form-specjal-btn,
    .form-specjal-btn:disabled,
    .form-specjal-btn[readonly] {
        width: 100% !important;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    
    .btn-small.btn-up{
        width: 169px !important;
    }

    .btn-small {
        width: 100%;
    }

    .btn-bigarea-bg {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .icol1 {
        width: 30%;
    }

    .icol2 {
        width: calc(70% + 30px);
    }

    .icol3 {
        width: 50%;
        margin-top: 15px;
    }

    .icol4 {
        width: 50%;
        margin-top: 15px;
    }

    .icol6 {
        width: 10%;
    }

    .icol7 {
        width: 13%;
    }

    .icol8 {
        width: 25%;
    }

    .icol9 {
        width: 25%;
    }

    .icol10 {
        width: 27%;
    }

    .icol11 {
        width: 100%;
        margin-top: 15px;
    }

    .panelhp-serwer-menu > .nav-item {
        height: auto;
        text-align: center;
    }

    .panelhp-serwer-menu > .nav-item > .nav-link:hover,
    .panelhp-serwer-menu > .nav-item.active > .nav-link {
        height: auto;
        background-position: center;
    }

    .form-specjal-btn,
    .form-specjal-btn:disabled,
    .form-specjal-btn[readonly] {
        padding-right: 50px;
    }

    .form-buy-small .cross-error-small {
        padding: 0px;
    }

    .form-buy-small {
        padding: 8px 20px;
    }

    .icon-serwer-menu {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .title-menu-left-panel {
        font-size: 20px;
    }

    .subtitle-menu-left-panel {
        font-size: 9px;
    }

    .server-status-bar.off .server-status-deadline {
        width: auto;
    }


    .server-status-active {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-blocked {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-install {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .server-status-deadline {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .menu-panel > .row > .col-md-2 {
        width: 33%;
        margin-bottom: 20px;
        float: left;
    }

    .menu-panel {
        float: left;
        position: relative;
    }

    .icol12 {
        width: 100%;
        margin-top: 15px;
    }

    .icol-row {
        height: auto;
    }

    .icon-info-servers-bg {
        margin-left: 0px;
    }

    .discription-panel {
        margin-top: 40px;
    }


    .col-md-4.offset-4.mobilefullwidth {
        margin-left: 0px;
        margin: 0px auto;
        text-align: center;
    }

    .big-text-whyus {
        display: none;
    }

    .info-discont {
        padding: 10px 24px;
    }

    .custom-select-text {
        padding-left: 30px;
    }

    .info-discont > span.mobilesmallhide {
        display: none;
    }

    .info-discont > span.cross-error-small {
        padding-right: 0px !important;
    }

    .step-cat {
        background-size: auto;
        border-radius: 30px;
    }

    .step-cat > a > .icon-faq-cat {
        margin-left: 25px;
    }

    .step-cat > a > .name-faq-cat {
        margin-left: 40px;
    }

    .custom-select__trigger {
        border-radius: 30px;
        background-size: auto !important;
    }

    .custom-select.open .custom-select__trigger {
        background-size: auto !important;
    }

    .pub-step-game {
        width: 100%;
        margin-bottom: 10px;
    }

    .priv-step-game {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    
    .custom-select__trigger{
        background-color:#0a1737;
        border-radius:30px;
    }

    .mobilehide {
        display: none !important;
    }

    .form-welcome,
    .form-welcome:active,
    .form-welcome:focus {
        width: 100%;
        padding-right: 0px;
    }

    .btn-logout {
        width: 100%;
        margin-left: 0px;
    }

    .col-princes-1 {
        width: 20%;
        margin-top: 5px;
    }

    .col-princes-2 {
        width: calc(80% + 25px);
        margin-top: 5px;
    }

    .princes_game_name,
    .princes_game_name:hover,
    .princes_game_name:active,
    .princes_game_name:focus {
        border-radius: 30px;
    }

    .video-princes {
        width: 100%;
        height: 210px;
        margin-bottom: 50px;
    }

    .cennik-bg {
        padding: 50px 0px 100px 0px;
    }

    .col-princes-3 {
        width: 100%;
        margin-left: 0px;
        border-top-right-radius: 30px;
        margin-top: 5px;
    }

    .col-princes-4 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .col-princes-5 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
        padding-left: 0px;
    }

    .col-princes-6 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .row-princes {
        margin-top: 40px;
    }

    .calc {
        width: 100%;
        height: 100%;
        padding: 20px 20px 50px 20px;
        margin-left: 0px;
        background-size: cover;
    }

    .carousel-inner-news {
        min-height: 330px;
    }

    .size60 {
        font-size: 45px;
    }

    .big-text-carousel {
        font-size: 200px;
    }

    .progress-bar-half {
        width: 50%;
        margin-left: 25%;
    }

    .faq-contact-bg {
        width: 100% !important;
        padding: 0px;
    }

    .faq-cat {
        background-size: 100% 100%;
    }

    .icon-faq-cat {
        margin-left: 13px;
    }

    .name-faq-cat {
        margin-left: 20px;
    }

    .cellpic-small-title {
        font-size: 24px;
        margin-top: 7px;
    }

    .date-company {
        padding: 50px;
    }

    .faq-category-contact {
        padding: 0px 15px;
    }

    .logotyp {
        width: 100%;
        background-position: center;
        padding: 30px 0px 50px 0px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .news {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        float: left;
        position: relative;
    }

    .carousel-control-prev {
        margin-left: 270px;
        margin-top: 190px;
    }

    .carousel-control-next {
        margin-top: 190px;
    }

    .news-buttons-group {
        width: 100%;
        height: 100%;
    }

    .news-text {
        padding: 0px 20px 50px 20px;
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        position: relative;
    }

    .news-panel {
        height: 100%;
    }

    .news-title {
        height: 120px;
        margin-top: 30px;
        font-size: 30px;
    }

    .mobileheightauto {
        height: auto;
    }

    .hotoffer {
        height: 100%;
        padding: 60px 0px 80px 0px;
    }

    .btn-archiwum,
    .news-date {
        padding-right: 0px;
    }

    .cost-service {
        margin-bottom: 50px;
    }

    .titleus {
        font-size: 24px;
    }

    .text-whyus {
        text-align: center !important;
    }

    .row-pay {
        height: 100%;
    }

    .title-stats {
        margin-top: 40px;
    }

    .stats {
        padding-top: 30px;
    }

    .stats-number-row {
        height: 100%;
        margin-top: 80px;
    }

    .navbar-collapse {
        background: #0a1737;
        border-radius: 30px;
        padding: 20px;
    }

    .navbar-collapse > ul > li.nav-item:first-child {
        margin-top: 0px;
    }

    .navbar-collapse > ul > li.nav-item:nth-child(2n+2) {
        background: rgb(9, 18, 49);
        background: -webkit-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
        background: -o-linear-gradient(left, rgba(9, 18, 49, 1) 0%, transparent 100%);
        background: linear-gradient(to right, rgba(9, 18, 49, 1) 0%, transparent 100%);
    }

    .navbar-collapse > ul > li.nav-item {
        border-radius: 30px;
        margin-top: 10px;
    }

    .navbar-collapse > ul > li.nav-item > a {
        color: rgba(126, 173, 255, 0.8) !important;
        font-size: 14px !important;
        font-weight: 300 !important;
    }

    .navbar-collapse > ul > li.nav-item > a:hover,
    .navbar-collapse > ul > li.nav-item > a:focus,
    .navbar-collapse > ul > li.nav-item > a:active,
    .navbar-collapse > ul > li.nav-item > a.active {
        color: rgba(112, 220, 236) !important;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,144,163, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }

    .navbar-light .navbar-toggler {
        color: rgb(255 255 255 / 55%);
        border-color: rgb(118 227 230);
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem #107392;
    }

    .navbar-toggler {
        margin-bottom: 20px !important;
    }

    .btn-register {
        float: none;
    }

    .mobilecenter {
        margin: 0px auto;
        text-align: center;
    }

    .form-login,
    .form-login:active,
    .form-login:focus {
        width: 100%;
    }

    .buttons-login {
        margin-top: 5px;
    }

    .big-text {
        font-size: 30px;
    }

    .medium-text {
        font-size: 20px;
    }

    .hotoffer-step {
        padding: 0px 140px 0px 70px;
    }

    .ns {
        font-size: 14px;
    }

    .icon-ns {
        padding-right: 15px;
    }

    .mobilefullwidth {
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .progress-bar-info {
        margin-left: -5.2%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .mobilehide {
        display: none !important;
    }
    
    .product-card-box-img{
        padding: 20px 5px;
    }
    
    .img-shop-card-resize{
        height:70px;
    }
    
    .custom-select-wrapper.shop{
        margin-left:0px;
    }
    
    .btn-shop-cart{
        margin-bottom:15px;
    }
    
    .btn-shop-info{
        margin-bottom: 10px;
    }
    
    .bottommobileshop{
        margin-bottom: 15px !important;
    }
    
    .info-pp-shop{
        height: auto;
        margin-bottom:15px;
    }
    
    .custom-select__trigger{
        background-color:#0a1737;
        border-radius:30px;
        background-size:auto !important;
    }
    
    .custom-select.open .custom-select__trigger{
        background-color:#0a1737;
        border-bottom-left-radius:0px !important;
        border-bottom-right-radius:0px !important;
    }
    

    .row-payments > .row > .col-md-3,
    .row-payments > .row > .col-md-5{
        width: 50% !important;
    }

    .table-orders .icol5 {
        width: 10%;
    }

    .table-orders .icol6 {
        width: 15%;
    }

    .table-orders .icol8 {
        width: 75%;
    }

    .table-orders .icol9 > .bg-serwers-info,
    .table-orders .icol10 > .bg-serwers-info {
        margin-left: 0px;
        margin-top: 15px;
    }

    .table-orders .icol10 > .bg-serwers-info {
        width: 100%;
    }

    .table-orders .icol11 > .bg-serwers-info2 {
        margin-left: 0px;
    }

    .icol-row {
        height: auto;
    }

    .table-orders .icol9,
    .table-orders .icol10,
    .table-orders .icol11,
    .table-orders .icol12 {
        width: 50%;
        float: left;
    }

    .table-orders .icol11,
    .table-orders .icol12 {
        margin-top: 15px;
    }

    .table-orders .icol13 {
        width: 100%;
        margin-top: 20px;
    }

    .table-orders .icol13 .server-status-deadline {
        width: 48%;
        margin-left: 2%;
    }

    .table-orders .icol13 .server-status-active {
        width: 48%;
        margin-right: 2%;
    }

    .row-payments > .row > .col-md-4 {
        width: 100% !important;
    }

    .server-status-bar {
        height: auto !important;
    }

    .loyalty {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .loyalty .progress-bar {
        border-bottom-left-radius: 0px;
    }

    .loyalty .progress {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .progress-bar-info {
        margin-left: -6.3%;
    }


    .players-servers-statusbar {
        padding: 30px 50px;
    }

    .panel-small-row > .row > .col-md-4 {
        width: 57%;
    }

    .panel-small-row > .row > .col-md-3,
    .panel-small-row > .row > .col-md-8,
    .panel-small-row > .row > .col-md-4,
    .panel-small-row > .row > .col-md-2{
        width: 100%;
    }
    
    

    .pp-status {
        width: 100%;
        margin-left: 0px;
    }

    .serwer-consola-bg .btn-small {
        width: 130px;
    }

    .icol3 {
        width: 35%;
    }

    .icol4 {
        width: 18%;
    }

    .icol7 {
        width: 9%;
    }

    .icol8 {
        width: 17%;
    }

    .icol9 {
        width: 17%;
    }

    .icol10 {
        width: 18%;
    }

    .icol11 {
        width: 17%;
    }

    .icol12 {
        width: 17%;
    }

    .icon-serwer-menu {
        margin-right: 35px;
    }

    .title-menu-left-panel {
        font-size: 28px;
    }

    .panelhp-serwer-menu > .nav-item > .nav-link {
        font-size: 12px;
    }

    .menu-box-panel-title {
        padding: 0px 10px;
    }

    .col-md-4.offset-4.mobilefullwidth {
        margin-left: 0px;
        margin: 0px auto;
        text-align: center;
    }

    .step-cat {
        background-size: auto;
        border-radius: 30px;
    }

    .step-cat > a > .icon-faq-cat {
        margin-left: 25px;
    }

    .step-cat > a > .name-faq-cat {
        margin-left: 40px;
    }

    .info-discont {
        padding: 10px 24px;
    }

    .custom-select-text {
        padding-left: 30px;
    }

    .info-discont > span.mobilesmallhide {
        display: none;
    }

    .info-discont > span.cross-error-small {
        padding-right: 0px !important;
    }

    .pub-step-game {
        width: 100%;
        margin-bottom: 10px;
    }

    .priv-step-game {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .btn-blue-big {
        width: 242px;
    }

    .calc {
        width: 100%;
        height: 100%;
        padding: 20px 20px 50px 20px;
        margin-left: 0px;
        background-size: cover;
    }

    .custom-panel-user-select > .custom-select-text {
        text-align: right;
        padding-right: 40px;
    }
    
    .box-supply > .title{
        font-size:14px;
        margin-top:2px;
    }

    .form-welcome,
    .form-welcome:active,
    .form-welcome:focus {
        width: 100%;
        padding-right: 0px;
    }

    .btn-logout {
        width: 100%;
        margin-left: 0px;
    }

    .col-princes-1 {
        width: 20%;
        margin-top: 5px;
    }

    .col-princes-2 {
        width: calc(80% + 25px);
        margin-top: 5px;
    }

    .princes_game_name,
    .princes_game_name:hover,
    .princes_game_name:active,
    .princes_game_name:focus {
        border-radius: 30px;
    }

    .video-princes {
        width: 100%;
        height: 210px;
        margin-bottom: 50px;
    }

    .cennik-bg {
        padding: 50px 0px 100px 0px;
    }

    .col-princes-3 {
        width: 100%;
        margin-left: 0px;
        border-top-right-radius: 30px;
        margin-top: 5px;
    }

    .col-princes-4 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .col-princes-5 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
        padding-left: 0px;
    }

    .col-princes-6 {
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .row-princes {
        margin-top: 40px;
    }

    .faq-contact-bg {
        width: 100% !important;
        padding: 0px;
    }

    .faq-cat {
        background-size: 100% 100%;
    }

    .icon-faq-cat {
        margin-left: 13px;
    }

    .name-faq-cat {
        margin-left: 25px;
    }

    .carousel-inner-news {
        min-height: 330px;
    }

    .mobilefullwidth {
        width: 100%;
    }

    .buttons-login {
        margin-top: 5px;
    }

    .form-login,
    .form-login:active,
    .form-login:focus {
        width: 100%;
    }

    .mobilecenter {
        margin: 0px auto;
        text-align: center;
    }

    .news {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        float: left;
        position: relative;
    }

    .carousel-control-prev {
        margin-left: 270px;
        margin-top: 190px;
    }

    .carousel-control-next {
        margin-top: 190px;
    }

    .news-buttons-group {
        width: 100%;
        height: 100%;
    }

    .news-text {
        padding: 0px 20px 50px 20px;
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        position: relative;
    }

    .news-panel {
        height: 100%;
    }

    .news-title {
        height: 120px;
        margin-top: 30px;
        font-size: 30px;
    }

    .nav-hp > li.nav-item > a {
        color: #fff !important;
        font-size: 14px;
        padding: 10px 24px !important;
    }
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .nav-hp > li.nav-item > a {
        font-size: 16px;
        padding: 10px 30px !important;
    }

    .btn-forget {
        width: 80%;
        margin-left: 20%;
    }

    .custom-panel-user-select {
        padding: 0px 0px 0px 5px;
    }

    .custom-select.open > .custom-panel-user-select {
        padding: 0px 0px 37px 5px;
    }

    .video-princes {
        width: 100%;
        height: 210px;
    }

    .faq-contact-bg {
        width: 100% !important;
        padding: 0px;
    }

    .faq-cat {
        background-size: 100% 100%;
    }

    .icon-faq-cat {
        margin-left: 20px;
    }

    .name-faq-cat {
        margin-left: 40px;
    }

    .calc {
        padding: 50px 70px 0px 300px;
    }

    .news {
        width: 100%;
        padding: 60px 0px 0px 70px;
    }

    .fullcol {
        width: 100%;
    }

    .news-title {
        font-size: 32px;
    }
}