body.dark {
  background-color: #181828;
}

.dark #content,
.dark .tab-nav-new li.ui-tabs-active,
.dark .modal-content,
body.dark {
	/*
	background-colorbackground-color: #383838 !important;
	*/
}

.dark #wrapper {
	background-color: transparent !important;
}

.dark .tab-nav li a {
	background-color: #383838 !important;
}

.dark. #wrapper {
    background: transparent !important;
}

.dark .transparent-header #header-wrap {
    background: transparent !important;
}

.dark #header-wrap {
    background-color: #0c1d2c !important;
}

.dark .modal-content {
  background-color: #11111c !important;
}

.dark .modal-content {
  border: 5px solid #777 !important;
}

#header.dark,
.dark #header,
.dark .selstyle,
.dark .bg_light,
.dark .no-transparent-header #header-wrap,
.dark #header.no-transparent-header,
.dark #header.no-transparent-header:not(.sticky-header)#header-wrap {
	/*
    background-color: #333 !important;
	*/
	background-color: transparent !important;
}

.dark #header,
#header.dark {
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

.dark .button-new:hover {
    border-color: #000 !important;
    background-color: #eee !important;
    color: #000 !important;
}

.dark .container a:hover,
.dark .modal-body p a:hover,
.dark .button-home i:hover,
.dark .button-dark-mode i:hover,
.dark .button-lang a:hover,
.dark .price-name a:hover > .price-price,
.dark .iconlist .text-muted a:hover,
.dark .button-settings:hover,
.dark .trainings h2 a:hover,
.dark h4.chname a:hover,
.dark .nav a:hover,
.dark #header li.menu-item a:hover,
.dark .nav a:hover,
.dark .chname a:hover,
.dark .price-name a:hover > .price-price,
.dark .price-name a:hover,
.dark .copyright-links a:hover,
.dark .breadcrumb2 a span:hover,
.dark .menu-item:hover > .menu-link,
.dark .breadcrumb a span:hover,
.dark #logo a:hover > span,
.dark #logo a:hover > img,
.dark a.chname h2:hover,
.dark h2.exp_h2:hover,
.dark #breadcrumb2 a:hover,
.dark .top-cart-content a:hover,
.dark .top-cart-content3 a:hover,
.dark #page-title a span:hover,
.dark .card-body a:hover,
.dark img.user-photo2:hover {
    color: #fff !important;
    transition: 0.5s;
    opacity: 1;
}

.dark .brcr,
.dark #page-title {
    /*
	background-color: #282828;
	*/
	background-color: transparent;
}

.dark .bg_dark {
	/*
    background-color: #282828 !important;
	*/
}

.dark .bg_dark2 {
	background-color: rgba(0, 0, 0, 0.3) !important;	
	border: 3px solid #222231;
}

.dark .bg_dark3 {
	/*
	background-color: rgba(0, 0, 0, 0.3);	
	border: 3px solid #222231;
	padding: 3rem;
	*/
	background-color: rgba(0, 0, 0, 0.3);
	border: 3px solid #222231;
	/*
	background-color: #11111c;
	*/
	padding: 3rem;
}

.dark .copyrights {
    color: #888;
	/*
    background-color: #242424 !important;
	*/
}

.dark section.section-user-menu,
.dark #footer {
	/*
    background-color: #222 !important;
	*/
	/*
	background-color: transparent !important;
	*/
}

.dark .btn-index:hover span,
.dark .button.button-border2:not(.button-fill):hover,
.dark .button.button-border:not(.button-fill):hover {
	color: #fff !important;
	transition: 0.5s;
}

.dark .top-cart-content a:hover,
.dark .top-cart-content3 a:hover,
.dark .button.button-border:not(.button-fill):hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
	/*
    border: 2px solid #fff !important;
	*/
	color: #fff !important;
	transition: 0.5s;
	border-color: #777 !important;
}

.dark .button.button-border:not(.button-light):not(.button-fill) {
	/*
	background-color: rgba(255, 255, 255, 0.03);
	*/
	border-radius: 22px;
    border-color: #555;
    color: #bbb;
}

.dark .nav a,
.dark .fancy-title-new h3,
.dark .radio-reg {
    color: #aaa;
}

.dark .radio-style:checked + .radio-style-3-label::before {
    color: #fff !important;
}

.dark .swal2-cancel,
.dark .swal2-confirm {
	/*
    border: 2px solid #333 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
	*/
	background-color: transparent !important;
	border-radius: 22px !important;
	color: #bbb !important;	
	border: 3px solid #444 !important;
}

.dark .seekpanel a.current,
.dark .nav a.current {
    color: #fff !important;
    background-color: #383838;
}

.dark .btn-light,
.dark .btn-light.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #ced4da;
}

.dark .btn-secondary-new:not(:disabled):not(.disabled):active,
.dark .btn-secondary-new:not(:disabled):not(.disabled).active {
    background-color: #444 !important;
    color: #fff !important;
}

.dark .menu-item:not(:first-child) {
    border-top: 1px solid #333;
}

@media (max-width: 991.98px) {
    .dark #header,
    #header.dark {
        background-color: #0c1d2c !important;
        border-bottom-color: rgba(255, 255, 255, 0.05);
    }
}

@media (max-width: 768px) {
	
	.bg_dark3 {
		/*
		background-color: transparent !important;
		*/
		border: none !important;
		padding: 2rem !important;
	}
	
    .dark .block2,
    .dark .seekpanel {
        background-color: #444;
    }

    .dark .country-city,
    .dark .user-header .user-desc {
        color: #333 !important;
    }

    .dark .counter,
    .dark h2.userfio a,
    .dark .user-header .city-town {
        color: #bbb !important;
    }

    .dark .bgutext,
    .dark .block4 {
        background-color: transparent !important;
    }

    .dark .bgutext3 {
        color: #000;
    }

    .dark a.chname h2,
    .dark h4.chname a {
        color: #bbb !important;
        text-align: center;
    }

    .dark h2.userfio a:hover,
    .dark h4.chname a:hover,
    .dark a.chname:hover {
        color: #fff !important;
    }
}

.dark .user-header {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.dark optgroup,
.dark .opt-county {
    color: #ccc !important;
    background-color: #222 !important;
}

.dark option,
.dark .opt-city {
    color: #aaa !important;
    background-color: #282828 !important;
}

.dark .border-left {
    border-left: 1px dashed rgba(255, 255, 255, 0.2);	
}

.dark .seekpanel {
    border-right: 1px dashed rgba(255, 255, 255, 0.2);
}

.dark .menu-item:not(:first-child) {
    border-top: 1px solid #333;
}

.dark .user-header a span {
    color: #ddd !important;
}

.dark .tab-nav-new li.ui-tabs-active {
	color: #fff;
}

.dark .tab-nav {
    border-bottom-color: rgba(255,255,255,0.1) !important;
}

.dark h2.userfio a:hover {
    color: #888;
}

.dark .dropdown-toggle:active {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.dark .button .button-border {
    background-color: #fff !important;
}

.dark .card {
    box-shadow: none !important;
}

.dark .bgutext3 p,
.dark .user-header p {
    color: #333;
}

.dark .dropdown-toggle:active {
    background-color: rgba(255, 255, 255, 1) !important;
    border-color: #777 !important;
}

.dark .separator-dots,
.dark .user-header,
.dark .linehr {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.dark .card-bg {
	/*
    background-color: #444;
	*/
	background-color: rgba(0, 0, 0, 0.3);
	border: 3px solid #222231;
}

.dark .svg-trigger path {
    stroke: #fff !important;
}

.dark .close {
    opacity: 1;
    color: rgba(255, 255, 255, 0.15);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.dark .btn-light,
.dark .btn-light.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(255, 255, 255, 0.15);
}

.dark .btn-outline-secondary {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.15);
}

.dark .btn-outline-secondary:hover {
    background-color: #222 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

.dark .widget_links li a {
    color: rgba(255, 255, 255, 0.8);
}

.dark #bottom-menu a:hover,
.dark .widget_links li a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.dark img.user-photo2 {
    background: rgba(255, 255, 255, 0.5);
    transition: 0.5s;
}

.dark .doctors-block a img.user-photo:hover,
.dark img.user-photo2:hover {
	filter: brightness(125%);
    background: #fff !important;
    transition: 0.5s;	
}

.dark a.user-photo:hover,
.dark img.user-photo {
    transition: 0.5s;
}

.dark a.chname:hover > h2 img.user-photo2 {
    background: #fff !important;
    transition: 0.5s;
	filter: brightness(125%);
}

.dark #admin-menu li.menu-item a:hover {
    color: #bbb !important;
}

.dark #logo .standard-logo span,
.dark #admin-menu li.menu-item a,
.dark .filter-option-inner-inner,
.dark .card-body p,
.dark .switch-label,
.dark li.menu-item a,
.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark),
.dark .form-select:not(.not-dark) {
    color: #ccc !important;
}

.dark .custom-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
}

.dark input:not(.cr-slider) {
    /*
	background: #333 !important;
	*/
	background-color: rgba(0, 0, 0, 0.2) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;	
	border-radius: .50rem;
}

.dark .top-cart-content3,
.dark .top-cart-content {
	/*
    border: 3px solid rgba(255, 255, 255, 0.2) !important;
	*/
    background-color: #444 !important;
}

.dark .socialbtn .si-color {
/*	
  background-color: #444 !important;
*/
	background-color: transparent !important;
	border: 3px solid #555 !important;  
	font-size: 24px !important;
}

.dark .socialbtn .si-color:hover {
	border-color: #777 !important;
}

.dark .si-color {
	background-color: #333;
}

.dark .fancy-title-new h4,
.dark .fancy-title-new h5 {
    color: rgba(255, 255, 255, 0.4);
}

.dark #rules-form .modal-content .close,
.dark #privacy-form .modal-content .close,
.dark #oferta-form .modal-content .close,
.dark #modal-form .modal-content .close,
.dark #modal-form .modal-body .close {
    color: #999;
    opacity: 0.5;
}

.dark .checkbox-style:checked + .dark .checkbox-style-2-label::before {
    box-shadow: inset 0 0px 0 4px #fff;
    background-color: #999 !important;
}

.dark .fancy-title-new h4,
.dark .fancy-title-new h5 {
    color: rgba(255, 255, 255, 0.5);
}

.dark input.switch-toggle-flat:checked + label::after {
    background-color: #bbb !important;
}

.dark input.switch-toggle-flat:checked + label {
    background-color: #aaa !important;
}

.dark input.switch-toggle-flat + label::after {
    background-color: #777 !important;
}

.dark .bootstrap-select.disabled,
.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark .form-select:not(.not-dark)[disabled],
.dark .form-select:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-select:not(.not-dark),
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .sm-form-control:not(.not-dark) {
    opacity: 0.3;
}

.dark label[disabled] {
    opacity: 0.3;
}

.dark .button-city,
.dark .button-lang-mode,
.dark .button-home,
.dark .button-dark-mode,
.dark .button-account {
    color: #ccc !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
}

.dark .button-home:hover>i,
.dark .button-dark-mode:hover>i {
	color: #fff !important;
	transition: 0.5s;
}

.dark .button-city:hover,
.dark .button-lang-mode:hover,
.dark .button-home:hover,
.dark .button-dark-mode:hover,
.dark .button-account:hover {
    color: #fff !important;
    transition: 0.5s;
    background-color: rgba(255, 255, 255, 0.1) !important;
    text-shadow: none !important;
}

.dark .button-settings {
    color: #ccc;
}

.dark
.btn-group-new
.btn-group-new
.btn-check:checked
+ .dark
.btn-outline-secondary {
    color: #fff !important;
}

.dark .btn-group-new .btn-check:checked + .btn-outline-secondary {
    background-color: #222 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

.dark .form-control {
/*
	background-color: #333 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
*/	
	background-color: rgba(0, 0, 0, 0.2) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	border-radius: .50rem;
	
}

.dark .fancy-title::before,
.dark .fancy-title::after {
    border-top-color: rgba(255, 255, 255, 0.15) !important;
}

.dark input.switch-toggle-flat + label::before {
    background-color: #383838;
}

.dark .top-cart-content3,
.dark .top-cart-content {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
}

.dark div.hrline,
.dark #footer .hrstyle,
.dark .hrstyle {
    border-top: 1px dashed rgba(255, 255, 255, 0.2) !important;
}


.dark .modal-body p,
#footer.dark,
.dark .button-home i,
.dark .button-dark-mode i,
.dark a,
.dark .block3,
.dark .bgutext3,
.dark .tab-nav-new li a,
.dark .chname,
.dark #footer,
.dark #content p,
.dark .breadcrumb a span,
.dark .bgutext3 p,
.dark .user-header p,
.dark .accordion-new .accordion-button,
.dark label,
.dark h4.chname a,
.dark .trainings-info,
.dark .expinfo,
.dark .trainings-date,
.dark .trainings-text,
.dark .trainings h2 a,
.dark p.price-desc,
.dark .price-price,
.dark .user-title,
.dark .fname,
.dark a.chname,
.dark .info-desc,
.dark .block2 p,
.dark .user-desc,
.dark .country-city,
.dark .city-town,
.dark .selstyle,
.dark span.span-active,
.dark .price-name a,
.dark .copyright-links a,
.dark .btn-light,
.dark a.chname h2,
.dark .btn-light.dropdown-toggle,
.dark h2.exp_h2,
.dark .breadcrumb a span {
    color: #bbb !important;
}

.dark .table td,
.dark .table th {
	/*
	color:#ccc;
	*/
}


.dark .modal-body span,
.dark #content span,
.dark #page-title span,
.dark .breadcrumb2 a span {
	color: #bbb important;
}

.dark #pagination .active,
.dark #pagination li.page-item span,
.dark .primary-menu li.current a,
.dark #top-cart-content2 a.current,
.dark #top-cart-content3 a.current,
.dark .block1 a,
.dark button.close-new,
.dark .block3,
.dark #footer a.current {
    color: #fff !important;
}

.dark #page-title h1,
.dark .user-header h2,
.dark #page-title,
.dark .radio-style-new span,
.dark .radio-style-new .radio-reg:hover,
.dark .radio-style-new .radio-reg:hover {
    color: #eee;
}

.dark, .dark h1, .dark h2, .dark h3 {
	color: #c8a329 !important;
}

.dark h4 {
    color: #c8a329 !important;
}

.dark h5, .dark h6 {
    color: #ccc !important;
}

.dark .tab-nav li:first-child {
    border-left-color: rgba(255,255,255,0.1);
}

.dark .tab-nav li {
    border-color: rgba(255,255,255,0.1);
    border-left-color: rgba(255, 255, 255, 0.1);
}

.dark .tab-nav li {
    border-color: rgba(255,255,255,0.1);
}

.dark .button-lang span {
	color:#fff;
}

.dark .button-lang .lline {
	border-left: 1px solid #555;
}
	
.dark .button-lang .rline {
	border-right: 1px solid #555;	
}

.dark #order-new span a,
.dark #registration-form span a {
	border-bottom: 1px solid;
}

.dark img.user-photo, .dark img.user-photo-login {
    background: rgba(255, 255, 255, 0.1);
}

.dark #pagination .active a {
	background-color: rgba(255, 255, 255, 0.03) !important;
}	

.dark #pagination .page-item.active .page-link, 
.dark #pagination .page-link:hover, 
.dark #pagination .page-link:focus {
    transition: 0.5s;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:hover,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill,
.dark select:-webkit-autofill:hover,
.dark select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #ccc !important;
  -webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.dark .btn,
.dark .expinfo2,
.dark #content .container {
	color: #bbb;
}

.dark .useronline2,
.dark .useronline {
	background-color: #FFC300;
	color:#fff;
}

.dark .style-2 li:not(.activeFilter) a {
	background-color: rgba(255, 255, 255, 0.05);
}

.dark .style-2 li.activeFilter a {
  /*background-color: #777;*/
  background-color: rgba(255, 255, 255, 0.3);
  font-weight: normal;
}

.dark .profblock,
.dark .profblock2 {
	background-color: rgba(255, 255, 255, 0.03);
	color: #bbb;
}

.dark #photo a.del-rec {
	background-color: #333;
}	

.dark .table-borderless {
	/*
	background-color: #222 !important;
	*/
	/*
	background-color: transparent !important;
	*/
	background-color: rgba(0, 0, 0, 0.5) !important;
	color: #aaa;	
}

.dark .toggle-bg .accordion-header,
.dark .toggle-bg .toggle-header, 
.dark .accordion-bg .accordion-header {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #bbb;
}

.dark .reputation {
	background-color: #555;
	color: #bbb;
}

.dark .toggle .toggle-content .container span {
	color: #999 !important;
	margin-right: 8px;
}

.dark .top-cart-content3 hr,
.dark .top-cart-content hr {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark a.new-tack {
	color: #bbb !important;
	text-shadow:none !important;
}

.dark a.new-tack,
.dark .button-mini {
	color: #bbb !important;
}

.dark a.i-circled {
	background-color: #444 !important;
	text-shadow:none !important;
	color: #fff !important;
}

.dark a.i-circled,
.dark .process-steps span {
	color: #fff !important;
}

.dark a.new-tack,
.dark .button-mini,
.dark .our-psychologists__photo-image > div {
	background-color: #444;
}

.dark ul.process-steps {
	/*
	background: rgba(255, 255, 255, 0.03) !important;
	*/
}

.dark .bg {
	background-image: url('/public/img/slider/slide-19.jpg');
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	-webkit-animation:fade-in 100ms linear; /*Safari4+*/
	-moz-animation:fade-in 100ms linear; /*Fx5+*/
	-o-animation:fade-in 100ms linear; /*Opera12+*/
	animation:fade-in 100ms linear; /*IE10+,Fx29+*/
	box-shadow: inset 0 0 20px 5px rgba(0,0,0,0.7);
}

.dark .bg::before{
  background-color: rgba(0, 0, 0, 0.80);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.dark .img-header img {
	width:200px;
	padding:15px;
	height:auto;
	border-radius: 50%;
	background-color: #444;
	border: 5px solid #555;
	/*
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
	*/
}

.dark .new-btn-border {
	border: 3px solid #555 !important;
}


.dark #copyrights, #copyrights.dark {
  background-color: transparent;
}


.dark .form-control:not(.not-dark)::placeholder {
  color: #ccc;
}

.dark button.btn-color {
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	color:#ccc;
	/*
	background-color: #ff3436;
	*/
	background-color: #222231 !important;	
	border: 3px solid #555;
	opacity:0.8;
	line-height: 26px;
}

.dark button.btn-color:hover {
	color:#fff;
	border: 3px solid #888;
	opacity:1;
}