.slider {
	max-width: 100%;
	height: 53vw;
	position: relative;
	background-color: #000;
}
.slide_1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15vw;
    padding-top: 9vw;
	background-image: url(../images/slide-1.jpg);
	background-size: cover;
	background-position: -100px 0;
	max-width: 100%;
	height: 53vw;
}
.slide_text_1 {
	max-width: 1155px;
	height: 70vw;
	max-height: 370px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}
.slider h1 {
    width: 100%;
    max-width: 748px;
	margin-bottom: 3vw;
}
.slide_text_1 p, .slide_text_2 p {
	max-width: 45%;
	font-size: 22px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 4px;
}
.slide_2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15vw;
    padding-top: 9vw;
	background-image: url(../images/slide-2.jpg);
	background-position: -100px 0;
	background-size: cover;
	max-width: 100%;
	height: 53vw;
}
.slide_text_2 {
	max-width: 1155px;
	height: 70vw;
	max-height: 370px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;	
	position: relative;
	z-index: 10;
}
.slide_text_2 h1 {
	text-align: right;
}
.slide_text_2 p {
	text-align: right;
}

.slide_3 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15vw;
    padding-top: 9vw;
	background-image: url(../images/slide-3.jpg);
	background-position: -100px 0;
	background-size: cover;
	max-width: 100%;
	height: 53vw;
}

.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-shadow: 0px 0px 9px rgba(0,0,0,.45);
}
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}
.dots {
	margin: 75px;
	margin-top: 10px;
}
.dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.active, .dot:hover {
	background-color: #717171;
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

.gradient_1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, transparent 0%, rgba(0,0,0,0.9) 100%);
}
.gradient_2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.9) 100%);
}

.callback_form {
	position: absolute;
	padding: 20px 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12vw;
	min-height: 50px;
	background-color: rgba(0,0,0,0.46);
	z-index: 10;
}
.callback_form_wrapper {
	max-width: 1155px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
}
.callback_form_wrapper p {
	font-size: 24px;
	font-weight: 400;
	width: 100%;
	color: #fff;
	margin-bottom: 5px;
}
.callback_form_wrapper form input {
	width: 30%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid #ffd277;
	border-radius: 4px;
	padding-left: 30px;
	outline: none;
}
.callback_form_wrapper form input.input_submit {
	background-color: #ffd277;
	font-size: 22px;
	font-weight: 700;
	padding: 0;
	cursor: pointer;
}
.callback_form_wrapper form input.input_submit:hover {
	background-color: rgba(0,0,0,0.1);
}
.callback_form_wrapper form label.checkbox {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	margin-top: 18px;
	text-align: right;
	width: 100%;
	cursor: pointer;
}
#callback {
	width: 100%;
}
.callback_inputs {
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.input_checkbox {
	display: none;
}
.checkbox i {
	display: inline-block;
	height: 15px;
	width: 15px;
	border: 3px #ffd277 solid;
	border-radius: 2px;
	position: relative;
	margin-right: 13px;
	vertical-align: bottom;
}
i:before {
	content: "";
	position: absolute;
	top: 2px; bottom: 2px;
	left: 2px; right: 2px;
	background-color: #ffd277;
	border-radius: 1px;
	transform: scale(0);
	transition: .4s;
}
input:checked+label>i:before {
	transform: scale(1);
}
a.agreement:hover {
	border-bottom: 1px solid #ffd277;
}
a.agreement {
	color: #ffd277;
	cursor: pointer;
}

/*------------------------------MINI SLIDER-----------------------------*/

.mini_slider {
	width: 617px;
	height: 100%;
}

.mini_slider_window {
	width: 449px;
	height: 292px;
	position: relative;
	top: 30px;
	left: 84px;
}
.mini_slide_1 {
	background-image: url(../images/short-slide-1.jpg);
}
.mini_slide_2 {
	background-image: url(../images/short-slide-2.jpg);
}
.mini_slide_3 {
	background: url(../images/short-slide-3.jpg) center/cover no-repeat;
}
.mini_slide_4 {
	background: url(../images/short-slide-4.jpg) center/cover no-repeat;
}

.show_slide {
	width: 449px;
	height: 292px;
	position: absolute;
	z-index: 10;
	box-shadow: 0 -2px 15px rgba(0,0,0,0.6);
}
.close_slide_right {
	width: 308px;
	height: 227px;
	position: absolute;
	right: -95px;
	top: 33px;
	z-index: 5;
	background-size: cover;
}
.mini_slider_window:after {
	content: "";
	position: absolute;
	top: 33px;
	right: -95px;
	z-index: 6;
	height: 227px;
	width: 638px;
	background-color: rgba(0,0,0,0.6);

}
.close_slide_left {
	width: 308px;
	height: 227px;
	position: absolute;
	left: -95px;
	top: 33px;
	z-index: 5;
	background-size: cover;
}
.under_close_slide_left {
	width: 308px;
	height: 227px;
	position: absolute;
	left: 0px;
	top: 33px;
	z-index: 5;
	background-size: cover;
}

.mini_prev, .mini_next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: #fff;
	font-weight: 100;
	font-size: 30px;
	transition: all 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-shadow: 0px 0px 9px rgba(0,0,0,.45);
}
.mini_next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.mini_prev:hover, .mini_next:hover {
	color: #e5780e;
}
.mini_dots {
	position: relative;
	top: 24px;
}
.mini_dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	border: 2px solid #e5780e;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.mini_active, .mini_dot:hover {
	background-color: #e5780e;
}