body {font-family: 'Rubik', sans-serif;font-size: 17px;color: #4D537B;background-color: #080914;}
h1, .h1 {font-size:29px;font-weight: 500;color: #fff;padding-bottom: 30px;}
h1 a, .h1 a {color: #fff;}
h1 a:hover, .h1 a:hover {color: #fff;}
h2, h2 a, h2 a:hover {font-size: 1.5rem;font-weight: 500;color: #fff;}
h3, h3 a, h3 a:hover {font-size: 1.4rem;font-weight: 500;color: #fff;}
a {color: #4D537B;}
a:hover {color: #fff;}
p {margin-bottom: .7rem;}
img {max-width: 100%;}
small {font-size: 14px;}
@media (max-width: 576px) {
	h1, .h1 {font-size:24px;padding-bottom: 20px;}
}
.bg-title {background: rgba(20, 22, 39, 0.8);border-radius: 20px;padding: 20px 32px;margin-bottom: 10px;}
.bg-primary {background-color: #3F52FF!important;color: #0d0f20;}
.bg-primary.dropdown-item {color: #0d0f20;}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color: #3F52FF!important;color: #fff;}
.text-primary {color: #5CBB2D !important;}
/* widget */
.widget {background: none;padding:0;margin-bottom: 29px;}
/* buttons */
.btn {font-size: 17px;border-radius:15px;padding: 11px 50px;}
.table .btn {padding-left: 11px;padding-right: 11px;}
.btn.btn-lg {padding-top: 22px;padding-bottom: 21px;}
.btn-sm {padding:1px 15px 0;font-size: 14px;}
.dropdown-item.btn-sm {padding:9px 15px 9px;font-size: 13px;}
.btn-block {padding-left: 5px;padding-right: 5px;}
.btn-primary {background: #3F52FF;border-color:#3F52FF;color: #fff;}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active {background: #3F52FF !important;border-color:#3F52FF !important;color: #fff;outline: none !important;box-shadow: 0px 0px 15px rgba(63, 82, 255, 0.3);}
.btn.btn-outline-primary {color: #3F52FF;border-color: #3F52FF;border-radius:12px;}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary.active, .show>.btn.btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {color: #fff;background-color: #3F52FF;border-color: #3F52FF;}
.btn-secondary, .badge-secondary, .bg-secondary {color: #fff !important;background-color: #5CBB2D;border-color: #5CBB2D;}
.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary.active {background: #5CBB2D !important;border-color:#5CBB2D !important;color: #fff;outline: none !important;box-shadow: 0px 0px 15px rgba(92, 187, 45, 0.3);}
.btn-group .btn-secondary.active {color: #fff;background-color: #5CBB2D !important;border-color: #5CBB2D !important;}
.btn-link {font-weight: 400;color: #fff;}
.table .btn.btn-delete {padding: 10px 14px;}
/* Remove outline */
button:focus, button:active, a, a:hover {outline: none;}
/* dropdown */
.dropdown-menu {color: #4D537B;background-color: #0d0f20;}
/* badges */
.badge-primary {background-color: #3F52FF;border-color: #3F52FF;}
/* pagination */
.page-link {color: #4D537B;background-color: #141627;border-color: #141627;}
.page-link:hover {color: #fff;background-color: #0D0F20;border-color: #0D0F20;}
.page-item.active .page-link {color: #fff;background-color: #0D0F20;border-color: #0D0F20;}

/* header */
.cover {min-height: 128px;}
.cover > .container {padding-top: 140px;}
@media (max-width: 576px) {
	.cover > .container {padding-top: 90px;}
}
/* меню */
.menu-phone {background: url("../img/icon-phone.svg") center center no-repeat;}
.menu-chat {background: url("../img/icon-chat.svg") center center no-repeat;}
.menu-login {background: url("../img/icon-login.svg") center center no-repeat;}
.wsmain .dropdown-menu[x-placement^=top], .wsmain .dropdown-menu[x-placement^=right], .wsmain .dropdown-menu[x-placement^=bottom], .wsmain  .dropdown-menu[x-placement^=left], .wsmobile-list .dropdown-menu[x-placement^=top], .wsmobile-list .dropdown-menu[x-placement^=right], .wsmobile-list .dropdown-menu[x-placement^=bottom], .wsmobile-list  .dropdown-menu[x-placement^=left] {right: 0;top: 57px !important;bottom: auto;left: auto !important;color: #4D537B;background: #0d0f20;border-top: solid 4px #141627;box-shadow:none; min-width: 290px;transform:none !important;}
.dropdown-item {color: #4D537B;}
.dropdown-item:hover, .dropdown-item:focus {color: #fff;background: #3F52FF;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color:  #3F52FF;}
.wsmenu a.dropdown-item:hover, .wsmobile-list a.dropdown-item:hover {color: #fff;}

@media (max-width: 575px) {
	.wsmobileheader>.smllogo {max-width: 99px;margin: 5px 0 0 45px;	}
	.wsmain-logo {display: none;}
	.wsmobileheader {background: rgba(13,15,32,.9);height: 68px;}		
	.wsmobileheader>.smllogo {padding-top: 5px;}
	
	.wsmobile-list {display: flex;list-style: none;white-space: nowrap; float: right;padding-left: 0;margin:0;}
	.wsmobile-item > a, .wsmobile-item > span {display: block;min-width: 34px;height: 44px;position: relative;cursor: pointer;}
	.wsmobile-item>.menu-balance {line-height: 44px;font-size: 13px;padding-left: 10px;padding-right: 10px;}
	.wsmobile-item>.menu-balance:after {display: none;}
	.wsmobile-item>.menu-admin {color: #5cbb2d;font-size: 20px;text-align: center;line-height: 54px;}
	.wsmobile-item>.menu-admin:hover {color: #5cbb2d;}
	
	.wsmenu>.wsmenu-list {background: rgba(13,15,32,.9);}
	.wsmenu>.wsmenu-list.wsmenu-icon {display: none;}
	.wsmenu>.wsmenu-list>li>a {color: #fff;border-bottom: 1px solid #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {color: #fff;border-bottom: solid 1px #4D537B;background: rgba(13,15,32,.9);font-weight: normal;border-left: 3px solid #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click.ws-activearrow>i {color: #fff;}
	.wsmenu>.wsmenu-list>li.wsshopcatalog>a {color: #fff;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click {border-left: solid 1px #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {border-color: #fff;}	
	.wsmobile-item .dropdown-toggle::after {display: none;}
	
}

@media (min-width: 576px) and (max-width: 991px) {
	.wsmain-logo {display: none;}
	.wsmobileheader {background: rgba(13,15,32,.9);height: 68px;}		
	.wsmobileheader>.smllogo {padding-top: 5px;}
	
	.wsmobile-list {display: flex;list-style: none;white-space: nowrap; float: right;padding-left: 0;margin-right: 15px;}
	.wsmobile-item > a, .wsmobile-item > span {display: block;min-width: 34px;height: 54px;position: relative;cursor: pointer;}
	.wsmobile-item>.menu-balance {line-height: 54px;font-size: 13px;padding-left: 10px;padding-right: 10px;}
	.wsmobile-item>.menu-balance:after {display: none;}
	.wsmobile-item>.menu-admin {color: #5cbb2d;font-size: 20px;text-align: center;line-height: 54px;}
	.wsmobile-item>.menu-admin:hover {color: #5cbb2d;}
	.wsmobile-item .dropdown-toggle::after {display: none;}
	
	.wsmenu>.wsmenu-list {background: rgba(13,15,32,.9);}
	.wsmenu>.wsmenu-list.wsmenu-icon {display: none;}
	.wsmenu>.wsmenu-list>li>a {color: #fff;border-bottom: 1px solid #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {color: #fff;border-bottom: solid 1px #4D537B;background: rgba(13,15,32,.9);font-weight: normal;border-left: 3px solid #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click.ws-activearrow>i {color: #fff;}
	.wsmenu>.wsmenu-list>li.wsshopcatalog>a {color: #fff;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click {border-left: solid 1px #4D537B;}
	.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {border-color: #fff;}
}
@media (min-width: 992px) {
	.wsmain {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;}
	.wsmenu>.wsmenu-list>li.wsshopcatalog>a {line-height: 68px;color: #fff;padding: 0 20px;}
	.wsmenu>.wsmenu-list>li.wstabitem>a {line-height: 68px;color: #fff;padding: 0 20px;}
	.wsmenu-list {}
	.wsmenu>.wsmenu-list {width: auto;margin: 0;}
	.wsmenu a:hover {color:#0069d9;}
	/* иконочное меню */
	.wsmenu>.wsmenu-icon {margin:7px 7px 7px auto;background: #0D0F20;border-radius:15px;}
	.wsmenu>.wsmenu-icon > li > a, .wsmenu>.wsmenu-icon > li > span {display: block;min-width: 54px;height: 54px;position: relative;cursor: pointer;}
	.wsmenu>.wsmenu-icon a:after {display: block;content:'';background: #141627;width: 4px;height: 44px;position: absolute;left: -2px;top: 5px;border:none;}

	.wsmenu>.wsmenu-list>li.wstabitem>.menu-balance {line-height: 54px;font-size: 13px;padding-left: 10px;padding-right: 10px;}
	.wsmenu>.wsmenu-list>li.wstabitem>.menu-balance:after {display: none;}
	.wsmenu>.wsmenu-list>li.wstabitem>.menu-admin {color: #5cbb2d;font-size: 20px;text-align: center;line-height: 54px;}
	.wsmenu>.wsmenu-list>li.wstabitem>.menu-admin:hover {color: #5cbb2d;}
	.wsmain {max-width:  1140px;padding-top: 44px;}
	.wsmain-logo {flex: 0 0; margin-right: 40px;min-width: 132px;}
	/* выпадающий каталог */
	.wsmenu>.wsmenu-list>li>.wsshoptabing {top: 68px;left: 15px;}
	.wsmenu>.wsmenu-list>li>.wsshoptabing>.wsshopwp>.wstabitem>li>a {padding: 7px 15px;color: #fff;border-bottom: none;border-top: solid 4px #141627;min-width: 290px;width: 320px;border-left: none;background: #0d0f20;}
	/* фикс - не используем */
	.wsmain.wsfixed {background: none;box-shadow:none;border:none;padding-top: 0;}
	.wsmain.wsfixed {max-width:  100%;}
	.wsmain.wsfixed .wsmenu {max-width: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.wsmenu {background: #0d0f20;border-radius:15px;width: auto;float:none;flex: 0 1 100%;border:none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: flex-start;}
	.wsmain {padding-left: 15px;padding-right: 15px;}
	.wsmenu>.wsmenu-list>li.wsshopcatalog>a {padding: 0 6px 0 20px;}
	.wsmenu>.wsmenu-list>li.wstabitem>a {padding: 0 6px;}
	.wsmobileheader>.smllogo {padding-top: 5px;}
}
@media (min-width: 1200px) {
	.wsmenu {background: rgba(13,15,32,.9);border-radius:15px;width: auto;float:none;flex: 0 1 100%;border:none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: flex-start;}
}
		
.mai-sub-header>.container {padding-top: 0;}
/* main */
.main-content {padding:35px 15px;padding-bottom: 100px;}
@media (min-width: 1200px) {
	.mai-wrapper.homebilling {background: url("../img/samurai.jpg") calc( 50% + 648px ) 100% no-repeat, url("../img/knight.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.billing {background: url("../img/samurai.jpg") calc( 50% + 648px ) 100% no-repeat, url("../img/knight.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.zones {background: url("../img/girl-warrior-sm.jpg") calc( 50% + 635px ) 100% no-repeat, url("../img/archer-sm.jpg") calc( 50% - 650px )  0 no-repeat;min-height: 773px;}
	.mai-wrapper.domains {background: url("../img/soldier.jpg") calc( 50% + 660px ) 100% no-repeat, url("../img/soldier-1.jpg") calc( 50% - 670px )  0 no-repeat;min-height: 600px;}	
	.mai-wrapper.order {background: url("../img/girl-sm.jpg") calc( 50% + 675px ) 100% no-repeat, url("../img/orc-sm.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.shop {background: url("../img/viking-sm.jpg") calc( 50% + 675px ) 100% no-repeat, url("../img/warrior.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.tickets {background: url("../img/lara.jpg") calc( 50% + 675px ) 100% no-repeat, url("../img/wearing-orc.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.profile {background: url("../img/samurai.jpg") calc( 50% + 648px ) 100% no-repeat, url("../img/knight.jpg") calc( 50% - 640px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.mail {background: url("../img/girl-warrior-1.jpg") calc( 50% + 640px ) 100% no-repeat, url("../img/pirat.jpg") calc( 50% - 627px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.settings {background: url("../img/knight-2.jpg") calc( 50% + 620px ) 100% no-repeat, url("../img/knight-1.jpg") calc( 50% - 635px )  0 no-repeat;min-height: 600px;}
	.mai-wrapper.bills {background: url("../img/king.jpg") calc( 50% + 630px ) 100% no-repeat, url("../img/archer-1.jpg") calc( 50% - 650px )  0 no-repeat;min-height: 600px;}
	/*.mai-wrapper.orders {background: url("../img/boy.jpg") calc( 50% + 645px ) 100% no-repeat, url("../img/girl-1.jpg") calc( 50% - 650px )  0 no-repeat;min-height: 600px;}*/
	.mai-wrapper.orders {background: url("../img/girl-2.jpg") calc( 50% + 635px ) 100% no-repeat, url("../img/archer-2.jpg") calc( 50% - 650px )  0 no-repeat;min-height: 600px;}
}
/* footer */
#footer {flex: 0 auto;padding-bottom: 85px;}
#footer .container:before {display: block;content:'';height: 9px;border-radius: 5px;background: #141627;}
#footer p {margin: 0;padding: 5px 10px;}
.foot-contacts {padding: 55px 42px 70px;}
.foot-phone {font-weight: bold;color: #fff;font-size: 18px;display: inline-block;position: relative;margin-right: 28px;}
.foot-phone:after {display: block;position: absolute;width: 1px;height: 18px;background: #4D537B;content:'';right: -27px;top: 4px;} 
.foot-callback {display: inline-block;margin-left: 27px;margin-right: 44px;cursor: pointer;}
.foot-callback:hover {color: #fff;}
.messendgers {display: inline-block;}
.messendgers-telegram {background: url("../img/telegram.svg") 0 0 no-repeat;padding-left: 26px;}
.messendgers-viber {background: url("../img/viber.svg") 0 0 no-repeat;padding-left: 27px;}
.messendgers-whatsapp {background: url("../img/whatsapp.svg") 0 0 no-repeat;padding-left: 32px;}
#footer .widget {padding-bottom: 80px;}
#footer .widget-title {font-weight: bold;font-size: 17px;margin-top: 0;color:#fff;}
#footer .widget-title.do {cursor: pointer;position: relative;}
#footer .widget-title.do:after {font-family: "Font Awesome 5 Free";color: #fff;content: "\f0c9";position: absolute;right: 0px;top: 0px;}
#footer .widget-title.do:hover:after {color: #fff;}
#footer .widget-inner ul {padding-top: 6px;}
#footer .widget-inner li {padding-top: 6px;padding-bottom: 6px;}
.boxContent {padding-left: 27px;}
.foot-socials {padding-left: 45px;padding-top: 5px;}
.foot-socials ul li {padding-left: 35px;}
.foot-socials ul li:first-child {padding-left: 0;}
.foot-socials a {color: #fff;}
.foot-socials a .fab {font-size: 28px;}
.copyright {text-align: right;padding-right: 55px;}
.copyright span {display: block;}
@media (max-width: 576px) {
	.foot-contacts {padding: 30px 15px;}
	.foot-phone {display: block;margin-right: 0;}
	.foot-phone:after {display: none;}
	.foot-callback {display: block;margin-left: 27px;margin-right: 0;}
	#footer .widget {padding-bottom: 15px;}
	.boxContent {padding-left: 0;}
	.foot-socials {padding-left: 15px;text-align: center;}
	.copyright {text-align: center;padding-right: 15px;}
}
@media (min-width: 577px) and (max-width: 767px) {
	.foot-contacts {padding: 30px 15px;}
	#footer .widget {padding-bottom: 15px;}
	.boxContent {padding-left: 0;}
	.foot-socials {padding-left: 15px;text-align: center;}
	.copyright {text-align: center;padding-right: 15px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.foot-socials {padding-left: 15px;}
	.foot-socials ul li {padding-left: 15px;}
}
@media (max-width: 767px) {
	.visible-xs {display: inline-block;}
	.hidden-xs {display: none;}
}
@media (min-width: 768px) {
	.visible-xs {display: none;}
	.hidden-xs {display: inline-block;}
}

.page-menu.nav {justify-content: space-between;padding-top: 25px;}
.page-menu .nav-item {text-align: center;width: calc( 19.9999% - 4px);margin-bottom: 4px;}
.page-menu .nav-item a {border: 1px solid #4574EB;border-radius: 15px;height: 62px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: center;}
.page-menu .nav-item a:hover, .page-menu .nav-item a.active {background: #3F52FF;border-color:#3F52FF;}
.page-menu .nav-item a .icon {color: #4D537B;}
.page-menu .nav-item a:hover .icon, .page-menu .nav-item a.active .icon {color: #fff;}
.page-menu .nav-item .icon-img {fill: #4D537B;}
.page-menu .nav-item a:hover .icon-img, .page-menu .nav-item a.active .icon-img {fill: #fff;}
.page-menu .nav-item .name {padding-left: 7px;color: #fff;}
@media (max-width: 576px) {
	.page-menu.nav {flex-wrap: wrap}
	.page-menu .nav-item {width: calc( 49.99999% - 2px);}
	.page-menu::after {content: "";flex:auto;}
}
@media (min-width: 577px) and (max-width: 767px) {
	.page-menu.nav {flex-wrap: wrap}
	.page-menu .nav-item {width: calc( 33.3333% - 3px);}
	.page-menu .nav-item:last-child {margin-left: 6px;}
	.page-menu::after {content: "";flex:auto;}
}
/* forms */
.form-group {margin-bottom: 20px;}
.form-control {color:#4E4E4E;border-radius:25px;font-size:16px;height: 50px;padding: 12px;}
.form-control:focus {}
.input-group .btn {margin-bottom:0;}
.input-group-text {padding: 12px 18px;background: #fff;border-right-color: #fff;border-radius: 25px;}
.input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) {border-left-color: #fff;}
.help-block ul {list-style: none;}
.help-block .alert-danger {color: #f00;background:none;border: none;margin-bottom: 0;text-align: center;font-size: 14px;}
.alert {margin-bottom: 10px;}
.alert-info {background: #0d0f20;border-color:#0d0f20;font-size: 12px;color: #fff;}
.alert-info a {color: #4574eb;}
.alert-warning {background: rgba(39, 43, 71, 0.8);border-radius: 20px;color: #fff;font-size: 14px;padding: 15px 20px;}
.input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.search-form {padding-bottom: 25px;}
.search-form__text {color: #fff;text-transform: uppercase;border: 1px solid #4574EB;border-radius: 15px;padding: 11px 40px;margin-right: 3px;}
.search-form .form-control {background: none;border: 1px solid #4574EB;border-radius: 15px;color: #fff;margin-right: 3px;}
.search-form .btn-lg {border-radius: 15px;padding-top: 16px;padding-bottom: 15px;}
.custom-control-label::after {background: none;}
.custom-checkbox .custom-control-label::before {border: 1px solid #4D537B !important;background: none !important;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {color: #00D394;}
.custom-checkbox.custom-checkbox-checked .custom-control-input~.custom-control-label::after {color: #00D394;content: "\e6ca";font-family: "stroke 7"; font-size: 20px;font-weight: 400;text-align: center;line-height: 1.1;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {border-color:#4D537B;background: none;}
.custom-radio .custom-control-label::before {border: 1px solid #4D537B !important;background: none !important;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {color: #00D394;}
.form-text {margin-top: 10px;}
@media (min-width: 992px) {
	.search-form .form-control {width: 368px;}
	.domains-head .search-form .form-control {width: auto;}
}
@media (min-width: 1200px) {
	.domains-head .search-form .form-control {width: 300px;}
}
/* modals */
@media (min-width: 576px) {
	.modal-sm {max-width: 360px;}
}
.modal-content {background-color: #141627;border: none;border-radius: 20px;color: #fff;font-size: 16px;}
.modal-header {border: none;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.modal-header-colored-primary, .modal-dark .modal-header-colored-primary {background-color: #3F52FF;}
.modal-header .close {color: #4574eb;font-size: 20px;text-shadow: none;opacity: 1;}
.modal-body {padding-left: 35px;padding-right: 35px;}
.modal-footer {border: none;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding-left: 35px;padding-right: 35px;}
#CallBack .modal-header {padding-bottom: 10px;}
#CallBack .modal-header h5 {text-align: center;flex: 0 1 100%;font-size: 29px;padding-top: 26px;}
#CallBack .modal-body {text-align: center;padding-bottom: 0;padding-top: 0;}
#CallBack .modal-body p {padding-bottom: 18px;}
#CallBack .modal-footer {justify-content: center;padding-bottom: 55px;padding-top: 0;}
#CallBack #sendbutton {flex: 0 0 100%;}
#CallBack .input-group-text.name {background:url("../img/icon-user.svg") center center no-repeat #fff;}
#CallBack .input-group-text.phone {background:url("../img/icon-phone-sm.svg") center center no-repeat #fff;}
#CallBack .input-group-text.mail {background:url("../img/icon-email.svg") center center no-repeat #fff;}

/* card */
.card {background: rgba(20,22,39,.8);box-shadow: none;border-radius: 20px;}
.card-header {font-size: 24px;font-weight: bold;color: #fff;margin-left: 38px;}
.card-header-divider {border-bottom: none;}
.card-header .tools .btn {width: 52px;height: 52px;padding: 0;font-size: 50px;line-height: 48px;text-align: center;}
.card-subtitle {font-size: 17px;margin-top: 6px;font-weight: normal;color: #fff;}

/* table */
.table-striped tbody tr:nth-of-type(odd) {background-color: #0D0F20;}
.table th, .table td {border-top: none;}
.table thead th {color: #fff;border-bottom: none;}
.table thead th span.small {display: block;color: #4D537B;line-height: 18px;}

/* tabs */
.nav-tabs {justify-content: space-between;}
.nav-tabs .nav-link {border-top-left-radius: 20px;border-top-right-radius: 20px;color: #fff;font-size: 22px;font-weight: 500;background: rgba(39, 43, 71, 0.8);text-align: center;padding-top: 14px;padding-bottom: 22px;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #fff;background: rgba(20, 22, 39, 0.8);}
.tab-content {padding: 15px 0;background: rgba(20, 22, 39, 0.8);border-radius: 0px 0px 20px 20px;}
.all-items {padding-top: 15px;}
@media (max-width: 767px) {
	.nav-tabs {flex-wrap: wrap;}
	.nav-tabs .nav-item {width: 100%;margin-bottom: 4px;}
	.nav-tabs .nav-link {border-radius: 20px;}
	.tab-content {border-radius: 20px;}
}
@media (min-width: 768px) {
	.nav-tabs .nav-item {width: calc(33.3333% - 5px);}
}

/* warning */
.bg-warning-light {background-color: #272B47!important;}
.table tbody tr.warning td:first-child {border-left: none;}

/* ticets */
.status-bar {margin-bottom: 20px;}
.ticket-id {display: inline-block;background: url("../img/icon-calendar.svg") 0 0 no-repeat;padding-left: 32px;color: #fff;font-weight: bold;white-space: nowrap;}
.ticket-date {font-size: 14px;}
.ticket-priority {font-size: 14px;display: block;text-align: center;padding-top: 5px;}
.ticket-status {font-size: 14px;display: block;text-align: center;padding-top: 5px;}
.ticket-result a {color: #3F52FF;}
.ticket-result a:hover {color: #fff;}
.ticket-count {color: #fff;}
.ticket-status-icon {fill: #4D537B;transition: all .15s ease-in-out}
.btn:hover .ticket-status-icon {fill: #fff;}
.page-navigation {padding: 20px 20px 30px;}
.ticket-title {display: block;padding-bottom: 10px;}
.ticket-number {display: flex;justify-content: center; font-size: 17px;color: #fff;font-weight: 400;position: relative;line-height: normal;}
.ticket-number:before {display: block;content:'';width: 30px;height: 25px;background: url("../img/tiket.svg") 0 0 no-repeat;}
.ticket-number svg {display: inline-block;margin-right: 10px;}
.card-ticket .card-header {background: #0D0F20;margin-left: 0;margin-right: 0;padding-left: 33px;padding-right: 25px;border-radius: 20px 20px 0 0;}
.card-ticket .tools {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;}
.card-ticket .tools > span {padding-left: 20px;}
.ticket-badge {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: flex-start;}
.card-ticket  .card-header .badge {border-color: #4574EB;min-width: 50px;min-height:50px;border-radius:12px;text-align: center;line-height: 42px;font-size: 17px;margin-right: 10px;}
.ticket-badge__desc {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.ticket-avtor {flex: 0 0 100%;font-size: 20px;line-height: 22px;padding-bottom: 3px;}
.ticket-badge__date {display: inline-block;background: url("../img/icon-calendar.svg") 0 0 no-repeat;padding: 5px 0 0 32px;font-size: 14px;color: #4D537B;font-weight: normal;} 
.ticket-admin {color: #4574EB;}
.ticket-admin__name {font-weight: 400;color: #fff;}
.card-ticket .card-body {padding:20px 25px 30px 33px;}
.card-ticket__add {}
.card-ticket__add .card-header {background: #0D0F20;margin-left: 0;margin-right: 0;padding:24px 24px 24px 100px;border-radius: 20px 20px 0 0;font-size: 20px;}
.card-ticket__add .card-body {padding:20px 75px 30px 77px;}
.card-ticket__button {padding-left: 77px;padding-right: 75px;}
.btn-plus {padding: 6px 9px;}

/* domains */
.domains-head .btn-lg {border-radius: 15px;padding: 17px 12px 16px;margin-bottom: 4px;color: #fff;}
.domains-name {display: inline-block;background: url("../img/icon-www.svg") 0 2px no-repeat;padding-left: 32px;padding-bottom: 5px;color: #fff;}
.domains-desc {font-size: 14px;display: block;text-align: center;}
.domain-status {display: inline-block;border:1px solid #4574EB;border-radius:15px;text-align: center;height: 42px;width: 42px;padding-top: 5px;}
.domain-status:hover {background: #4574EB;}
@media (min-width: 992px) and (max-width: 1199px) {
	.domains-head .btn-lg {padding-left: 6px;padding-right: 6px;}
}
@media (min-width: 1200px) {
	.domains-head .btn-lg {padding-left: 32px;padding-right: 32px;}
}

/* profile */
.profile-icon {fill: #3F52FF;transition: all .15s ease-in-out}
.btn:hover .profile-icon {fill: #fff;}
.profile-form {padding: 15px 25px;}
.card.card-profile {background: none;}
.card.card-profile .card-header {background: rgba(20,22,39,.8);margin: 0 0 10px;padding: 20px 20px 20px 38px;border-radius:20px;}
.card.card-profile .card-body {background: rgba(20,22,39,.8);padding: 20px 20px 20px 38px;border-radius:20px;}
.card-profile .col-form-label {font-weight: bold;color: #fff;padding-left: 35px;}
.profile-select .custom-select {background-color: transparent;border:1px solid #4574EB;border-radius:15px;height: 62px;color: #fff;padding-left: 40px;padding-right: 40px;background-image: url("../img/custom-select.svg");background-size: 15px 25px;}
.profile-select .custom-select option {background: #0D0F24;font-size: 14px;}

/* settings */
.switch-button {background-color: #303343;width: 102px;height: 44px;}
.switch-button label {height: 40px;width: 40px;border:6px solid transparent;}
.switch-button.switch-button-yesno.ru label:before {display: inline-block;line-height: 44px;}
.switch-button input[type=checkbox]:checked+span {background-color: #4574EB;}

/* mails */
.delete-icon {fill: #fff;transition: all .15s ease-in-out}
.btn:hover .delete-icon {fill: #fff;}
.card-mail {background: none;}
.card.card-mail .card-header {background: rgba(20,22,39,.8);margin: 0 0 10px;padding: 20px 20px 20px 38px;border-radius:20px;}
.card.card-mail .card-header .btn-delete {margin-left: 20px;width: auto;height: auto;padding: 4px 14px 10px;}
.card.card-mail .card-body {background: rgba(20,22,39,.8);padding: 20px 20px 20px 38px;border-radius:20px;color: #fff;}

/* order */
.order-subtitle {font-size: 21px;margin: 0 0 25px 20px;font-weight: bold;color: #fff;}
.text-agriment {font-size: 14px;padding-left: 35px;}
.card-order .col-form-label {font-weight: bold;color: #fff;padding-left: 35px;}
.card-order .col-form-label .text-primary {color: #fff !important;}
.order-form-link {padding-left: 35px;}
.form-group > .order-form-link {padding-top: 10px;}
.order-form-link a {font-size: 14px;text-decoration: underline;}
.order-form-link a:hover {text-decoration: none;}
.form-text {padding-left: 20px;}
.order-radio .custom-control-label {font-size: 14px;line-height: 1.5;display: inline-block;}
.order-phone {max-width: calc( 100% - 100px);}
.form-phone {flex-wrap: nowrap; justify-content: space-between;}
.card-specials {background: url("../img/bg-warcraft.png") 0 0 no-repeat;background-size: cover;border-radius:10px;}
.card-specials .card-header {padding-top: 15px;padding-bottom: 15px;}
.card-specials .card-header .h2 {margin-bottom: 0;}
.card-specials-day {background: url("../img/bg-specials.png") 0 0 no-repeat;background-size: cover;border-radius:10px;}
.card-specials-day .card-header {padding-top: 15px;padding-bottom: 15px;}
.card-specials-day .card-header .h2 {margin-bottom: 0;font-size: 24px;}
.order-select .custom-select {background-color: transparent;border:none;border-bottom: 1px solid #4d537b;border-radius:0;color: #4D537B;background-image: url("../img/custom-select-order.svg");background-size: 15px 15px;font-size: 14px;height: 40px;padding-top: 7px;padding-bottom: 7px;}
.order-select .custom-select option {background: #0D0F24;font-size: 14px;line-height: 2;}
.order-total {text-align: center;font-size: 24px;color: #fff;}
.bg-order-total {font-size: 24px;color: #fff;}
.order-total b, .bg-order-total b {color: #F26D0C;font-size: 18px;font-weight: normal;}
.order-total b #totalCost {font-size: 36px;}
.domain-order .form-control {background-color: transparent;border: 1px solid #4574EB;color: #fff;border-radius: 15px;}
.domain-order  .custom-select {background-color: transparent;border:1px solid #4574EB;border-radius:15px;color: #fff;background-image: url("../img/custom-select.svg");background-size: 15px 25px;}
.domain-order  .custom-select option {background: #0D0F24;font-size: 14px;}
.order-status .s7-order-0 {width: 50px;min-height: 50px;border: 1px solid #3f52ff;border-radius: 12px;text-align: center;padding-top: 7px;display: inline-block;color: #4D537B !important;}
.order-status .s7-order-1 {width: 50px;min-height: 50px;border: 1px solid #3f52ff;border-radius: 12px;text-align: center;padding-top: 7px;display: inline-block;}
.order-status .s7-order-2 {background: url("../img/stop.svg") 0 0 no-repeat;width: 39px;height: 39px;display: inline-block;}
.order-status .s7-order-2::before {content:'';}

.date-before {display: inline-block;background: url("../img/icon-calendar.svg") 0 0 no-repeat;padding-left: 32px;}

.table-striped tbody tr.order-total, tr.order-total, .bg-order-total {background: #4D537B;}
@media (max-width: 991px) {
	.card-table tr th:first-child, .card-table tr td:first-child {padding-left: 10px;}
	.card-table tr th:last-child, .card-table tr td:last-child {padding-right: 10px;}
	.table th, .table td {padding: 8px 4px;}
	.bill-price {font-size: 15px;}
	.orders-date-for {font-size: 15px;}
	.orders-buttons .btn {margin-bottom: 4px;}
}
@media (min-width: 992px) {
	.orders-buttons {white-space: nowrap;}
}
/* bills */
.profile-select.bills-select .custom-select {width: calc(33.333% - 5px);padding-left: 15px;}
.table.table-bills .btn {padding: 6px;min-width: 50px;min-height: 50px;}
.form-bills {justify-content: flex-end;position: relative;}
.form-inline.form-bills .form-group {justify-content: flex-end;position: relative;}
.form-bills .btn-calendar {padding: 0;width: 62px;height: 62px;text-align: center;}
.form-bills .form-control.bills-search {background-color: transparent;border: 1px solid #4574EB;border-radius: 15px;height: 62px;color: #fff;padding-left: 20px;padding-right: 20px;margin-left: 4px;margin-right: 4px;}
.form-bills .btn-primary {padding: 15px;height: 62px;}
.result-pay {text-align: center;padding-top: 7px;width: 50px;min-height: 50px;border:1px solid #3f52ff;border-radius: 12px;}
.result-pay .s7-pay-0/*, .result-pay .s7-pay-1, .result-pay .s7-pay-2, .result-pay .s7-pay-3, .result-pay .s7-pay-4, .result-pay .s7-pay-5, .result-pay .s7-pay-6, .result-pay .s7-pay-7*/ {color:#4D537B !important;}
.table.table-bills .ticket-date {display: block;text-align: center;}
.bill-title {color: #fff;padding-bottom: 5px;}
.bill-title span img {display: inline-block;padding-right: 5px;}
.bill-title a:first-child {padding-left: 5px;}
.bill-desc {padding-top: 5px;padding-bottom: 5px;font-size: 14px;color: #fff;text-align: left;}
.bill-price {color: #fff;}
.bill-total-price {color: #fff;min-width: 140px;}
.table tbody tr td.cell-detail span > span {display: inline;}
#periodForm .form-control {background-color: transparent;border: 1px solid #4574EB;color: #fff;}
#periodForm .form-control::-webkit-calendar-picker-indicator {filter: invert(1);}
@media (min-width: 992px) and (max-width: 1199px) {
	.form-bills .form-control.bills-search {width: 190px;}
}
*[data-toggle="collapse"] {cursor:pointer;}
/* pay */
.card-paymetod {background: #272B47;padding: 10px;}
.card-paymetod .card-header {color: #fff;font-size: 20px;border-bottom:1px solid #4D537B;margin: 0;padding: 3px 12px 15px;}
.card-paymetod .card-body {color: #fff;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: center;padding: 0;padding-left: 0;padding-right: 0;flex-direction: column;}
.card-paymetod .card-footer .btn-secondary {background: #3F52FF;border-color:#3F52FF;color: #fff;}
.card-paymetod .card-footer .btn-secondary:hover, .card-paymetod .card-footer .btn-secondary:focus, .card-paymetod .card-footer .btn-secondary:active, .card-paymetod .card-footer .btn-secondary.active {background: #3F52FF !important;border-color:#3F52FF !important;color: #fff;outline: none !important;box-shadow: 0px 0px 15px rgba(63, 82, 255, 0.3);}
/* tarifs */
.pricing-tables {margin-left: -15px;margin-right: -15px;margin-top: 0;}
.pricing-table {background: #141628;box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.3);border-radius: 20px;padding:0;}
.pricing-table-title {padding: 25px 20px;color: #fff;margin-bottom: 0;}
.pricing-table-body {background: #0d0f20;border-radius:20px;padding: 25px 25px 15px;}
.pricing-table-price {color: #EC530D;padding-bottom:0;}
.pricing-table-price .value {font-size: 48px;}
.pricing-table-frecuency {color: #EC530D;padding-bottom: 10px;font-size: 18px;}
.pricing-table-features {margin-bottom: 20px;font-size: 15px;color: #8F96D0;}
@media (min-width: 768px) {
	.button-right {text-align: right;}
}