        .modal-window {
			display: none;
			max-width: 500px !important;
			background-color: #111 !important;
			color: #fff;
			box-shadow: 0 0 15px #111;
		}

		.modal-window input {
			color: #fff;
			padding-left: 0;
			border: none;
			background-color: transparent;
			border-bottom: 1px solid #646d74;
			transition: .35s;
		}
		
		.modal-window input:focus {
		    background-color: transparent;
		    color: #fff;
		    border-bottom-color: #ff5000;
		}
		
		.modal-window label {
		    margin-bottom: 0;
		    font-weight: bold;
		}

		.modal-button {
			display: block;
			width: 100%;
			text-align: center;
			font-size: 15px;
			color: #fff;
			padding: 8px 0;
			background-color: #ff5000;
			outline: none;
			cursor: pointer;
			border: none;
			transition: .25s;
		}

		.modal-button:hover {
			color: #fff;
			background-color: #dc4500;
		}

		.modal-window .form-control {
			border-radius: 0;
		}

		.modal-window .form-control:focus {
			box-shadow: none;
			border-color: #ff5000;
		}

		.fancybox-can-swipe .fancybox-content,
		.fancybox-can-swipe .fancybox-content {
			cursor: default !important;
		}

		.check-promo {
			color: #646d74 !important;
			cursor: pointer;
			transition: .35s;
		}
		
		.check-promo:hover {
		    color: #ff5000 !important;
		}

		.input-label {
			margin-top: 5px;
			font-size: 13px;
			color: #ff1b1b;
			display: none;
		}
		
		.window-header {
		    background-image: url(../img/background-modal.png);
		    background-size: cover;
		    text-align: center;
		    padding: 45px 10px;
		    color: #fff;
		    margin-top: -44px;
		    margin-left: -44px;
		    margin-right: -44px;
		}
		
		.window-header h4 {
		    font-weight: bold;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		}
		
		.window-header p {
		    margin-bottom: 0 !important;
		}

		.header__title h1 {
			color: #fff;
			font-size: 29px;
			/* font-family: Impact, sans-serif !important; */
			text-shadow: 0 0 8px #f16022;
			/* text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.486) !important; */
		}

		.header__title span {
			margin-left: 50px;
		}

		.tyapka {
			width: 50px !important;
		}

		.logorast {
			width: 30px !important;
			margin: 0 8px 8px 0;
		}

		@media (max-width: 991px) {
			.header__title h1 {
				font-size: 26px;
			}

			header .header__title .tyapka {
				width: 50px !important;
			}

			header .header__title .logorast {
				width: 30px !important;
			}
		}
