.dark_switch {opacity: 0.77;position:fixed;z-index:99999;}
.dark_switch .checkbox {
	opacity: 0;
	position: absolute;
}

.dark_switch .label {
	background-color: #fff;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 22px;
	width: 40px;
	transform: scale(1.35);
	box-shadow: 0 0px 2px #11111133;
}

.dark_switch .label .ball {
	background-color: #151515;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	height: 16px;
	width: 16px;
	transform: translateX(0px);
	transition: transform 0.1s linear;
}

.dark_switch .checkbox:checked + .label .ball {	transform: translateX(18px);}
.dark_switch .ball_on{	transform: translateX(18px);}

.dark_switch i.fa-sun:before {content:''}
.dark_switch i.fas {display:inline-block!important}
.dark_switch .fa-moon {	color: #1cc9f1;margin-left:-1px;    margin-top: -1px; font-size: 0.93rem;   transform: rotate(210deg);}
.dark_switch .fa-sun {	color: #ff2a00;margin-right:-2px;margin-top:0px}
.dark_switch_dumb {width:40px; height:25px;display:block;}

body.dark .dark_switch .label {background-color: #151515;box-shadow: 0 0px 2px #ffffff33;}
body.dark .dark_switch .label .ball {background-color: #fff;}
body.dark .white_bg_22 {   background: rgba(0, 0, 0, 0.55);}
body.dark .white_bg_55 {   background: rgba(0, 0, 0, 0.55);}
body.dark .first_header {  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);}
body.dark .main_block {box-shadow: 0 0 5px rgb(255 255 255 / 12%);  background-color: rgb(0 0 0 / 66%);}
body.dark .second_block {box-shadow: 0 0 5px rgb(255 255 255 / 12%);  background-color: rgb(0 0 0 / 77%);}
body.dark .second_block h1 {color: #e1e1e1;}
body.dark .swiper-container-second .swiper-slide h2 {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0) 100%);
}
body.dark .second_block ol.timeline:before, body.dark .second_block ol.timeline:after {background: #000;}
body.dark .second_block a:hover:not(.btn), .modal-body a:hover:not(.btn) {     color: #fff;        }
body.dark .copy {color:#e1e1e1;}
body.dark .copy a {color:#fff;}
body.dark .header_fixed {   background-color: rgba(0, 0, 0, 0.77);   box-shadow: 0 3px 10px rgba(255, 255, 255, 0.11);  }
body.dark {color:#b9b9b9}
body.dark .main_block ul li a {  color: #e1e1e1;}
body.dark .main_block ul li a:hover {    color: #ff866e;}
body.dark .main_block a {    color: #fefefe;}
body.dark .main_block_text .fa-vk, body.dark .main_block_text .fa-telegram {color:#4dcef4}
body.dark .product_menu {    background-color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 black; color: #fff!;}
body.dark .product_menu a { color: #eee;text-shadow: 0 0 black;}
body.dark .product_menu a.active {    color: #ff6f64;    text-decoration: none;}
body.dark .first_header .nav-item .nav-link.nav-3 {  color: #fff;}
body.dark .first_header .nav-item {text-shadow:none}
body.dark .first_header .nav-item .nav-link.nav-1 {    color: #ff6f64;}
body.dark .first_header .nav-item .nav-link.nav-2 {    color: #65dcff;}
body.dark .first_header .nav-item .nav-link:hover {    color: #fff !important;  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}
body.dark .js-canvi-open-button--right:before, body.dark .js-canvi-open-button--right:after {  background-color: #fff;}
body.dark .swiper-container .swiper-pagination-bullet { color: rgba(255, 255, 255, 1) !important;text-shadow:none}
body.dark .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { color: #000 !important;text-shadow:0px 1px 2px #ffffff}
body.dark .canvi-navbar {  background: rgba(0, 0, 0, 0.77);}
body.dark .canvi-header a {  color: #eee;}
body.dark .canvi-navigation__text {    color: #efefef;}
body.dark .canvi-navigation ul .canvi-navigation__item .canvi-navigation__text {       color: #efefef;    }
body.dark .canvi-navigation li:hover {    background: rgb(255 255 255 / 5%);}
body.dark .canvi-navigation__email {    color: #4dcef4!important;}
body.dark .swiper-button-next, body.dark .swiper-button-prev {color: #11111199;}
body.dark .modal-content {  color:#fff;  background-color: #111;}
body.dark .btn-light {    color: #ffffff;    background-color: #434a52;    border-color: #434a52;}
body.dark .modal-backdrop {    background-color: #454545;}
body.dark .modal-backdrop.show {    opacity: .777;}
body.dark .modal-header {    border-bottom: 1px solid #3a3c3e;}
body.dark .modal-footer {    border-top: 1px solid #3a3c3e;}
body.dark .form-control {background-color: #2f3032;color:#eeeeee;border: 1px solid #474a4d;}
body.dark .btn-arrow {    background-color: #a0b8d133;  color: #f1f1f1;}
body.dark .btn-arrow:hover {    background-color: #a0b8d155;  color: #ffffff;}
body.dark .close {  color: #fff;   text-shadow: 0 1px 0 #00000077;}
body.dark .flex5 .white_bg_77 {    background: rgb(0 0 0 / 22%);}
body.dark .flex5:hover .white_bg_77 {    background: rgb(0 0 0 / 77%);}
.canvi-header .js-canvi-close-button--right {font-size:1.0em}
.canvi-header .js-canvi-close-button--right:hover {color:#fff}
body.dark .modal-body a:hover {  color: #fff; }


@media only screen and (max-width: 767px) {
	.dark_switch .label {transform: scale(1.25);}
	.canvi-header .js-canvi-close-button--right {font-size: 14px !important; height: inherit;position:absolute;top:15px;right:31%;}
	.canvi-navigation {margin: 10px 0 0 0;}
	.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {        margin: 0 20px 0 0px;    }
	.canvi-navigation__item {        padding: 6px 30px !important;    }
}