/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
/*@import url(https://fonts.googleapis.com/css?family=PT+Serif);
*/
html {
	width: 100%;
	height: 100%;
}

body {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	background: #100104;
	
}

section {
	min-width: 960px;
	position: relative;
	display: table;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

.wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#input_not_validate {
	background: #ffebe6;
	border: 1px solid #eb5635;
	box-shadow: 0px 0px 5px #eb5635;
}

.input_not_validate {
	background: url(../img/input_bg_bad.png) no-repeat center center !important;
}

.bold {
	font-weight: 700;
}

.menu {
	position: absolute;
	top: 10px;
	min-height: 234px;
	background: url(../img/menu_bg.png) no-repeat center top;
	z-index: 10;
}

.logo {
	position: absolute;
	width: 288px;
	left: 0px;
	right: 0px;
	display: table;
	margin: auto;
	top: 7px;
}

.menu_left {
	width: 404px;
	height: 89px;
	background: url(../img/menu_left_bg.png) no-repeat center center;
	float: left;
	margin-top: 10px;
}

.menu_li {
	display: table;
	margin: 0 auto;
	margin-top: 15px;
}

.menu_li li {
	float: left;
	margin-right: 10px;
}

.menu_li li a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	transition: .3s;
}

.menu_li li a:hover {
	color: #4bc688;
}

.btn {
	width: 235px;
	height: 42px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	background: url(../img/btn_bg.png);
	text-transform: uppercase;
	line-height: 42px;
	cursor: pointer;
	transition: .3s;
}

.btn:hover {
	opacity: .7;
}

.menu_btn {
	margin: 0 auto;
	margin-top: 7px;
}

.menu_right {
	margin-top: 10px;
	width: 404px;
	height: 89px;
	background: url(../img/menu_right_bg.png) no-repeat center center;
	float: right;
}

.menu_phone {
	display: table;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	background: url(../img/phone_icon.png) no-repeat center left;
	padding-left: 30px;
	margin-top: 10px;
}

.head {
	background: url(../img/head_bg.png) no-repeat center center;
	padding-top: 270px;
	padding-bottom: 100px;
}

.head h1 {
	color: #fff;
	text-align: center;
	font-size: 40px;
	font-weight: 700;
}

.yellow {
	color: #ecca43;
}

.head_trig {
	display: table;
	margin: 0 auto;
	margin-top: 60px;
}

.head_trig li {
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
	text-align: center;
	width: 250px;
	margin: 20px;
	float: left;
}

.head_trig li img {
	display: table;
	margin: 0 auto;
	margin-bottom: 25px;
}

.head_btn {
	display: table;
	margin: 0 auto;
	font-size: 17px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}

.head_btn:hover {
	opacity: .5;
}

.head_btn img {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services {
	padding-top: 30px;
	background: url(../img/services_bg.png) no-repeat top center;
	height: 600px;
}

h2 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 35px;
}

.services_ul {
	margin-top: 70px;
}

.services_ul li {
	float: left;
	width: 300px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	margin: 10px;
}

.services_ul li img {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.service_4 {
	width: 500px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	margin: 0 auto;
	margin-top: 30px;
}

.service_4 img {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.service_form_title {
	display: table;
	margin: 0 auto;
	margin-top: 70px;
}

.service_form {
	position: relative;
	width: 520px;
	overflow: hidden;
	display: table;
	margin: 0 auto;
	margin-top: -60px;
}

.slide_form_btn {
	border: none;
	margin-left: 265px;
}

.input_slide, .input_slide_last {
	position: absolute;
	left: 20px;
	width: 210px;
	height: 42px;
	background: url(../img/input_bg.png) no-repeat center center;
	border: none;
	padding-left: 25px;
	box-shadow: 4px 0px 11px #000;
}

.variant {
	margin-top: 120px;
	padding-bottom: 70px;
	background: url(../img/variant_bg.png) no-repeat center center;
}

.variant_ul {
	margin-top: 70px;
}

.variant li {
	float: left;
	width: 300px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	margin: 10px;
}

.variant li img {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.variant_text {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 25px;
	margin-top: 40px;
}

.variant_btn {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
}

.relax {
	margin-top: 60px;
	min-height: 800px;
	background: url(../img/relax_img.png) no-repeat center bottom;
}

.beer {
	padding-top: 70px;
	background: url(../img/beer_bg.png) no-repeat center top;
	padding-bottom: 50px;
}

.beer h3 {
	font-size: 25px;
	text-transform: uppercase;
	color: #fff;
}

.beer_left {
	margin-top: 60px;
	width: 250px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	float: left;
}

.beer_left img {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 15px;
}

.beer_right {
	margin-top: 60px;
	width: 250px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	float: right;
}

.beer_right img {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 15px;
}

.beer_5 {
	display: table;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	width: 500px;
	font-size: 15px;
	margin-top: 40px;
}

.beer_5 img {
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}

.beer_text {
	display: table;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 50px;
}

.beer_inp {
	width: 210px;
	height: 42px;
	background: url(../img/input_bg.png) no-repeat center center;
	border: none;
	padding-left: 25px;
	margin-right: 10px;
}

.beer_form_btn {
	position: relative;
	top: 4px;
	border: none;
}

.beer_form {
	display: table;
	margin: 0 auto;
	margin-top: 30px;
}

.bakntes_img {
	display: table;
	margin: 0 auto;
	margin-top: 50px;
}

.contacts {
	background: url(../img/variant_bg.png) no-repeat center center;
	padding-bottom: 150px;
	padding-top: 50px;
}

.contacts h2 {
	margin-bottom: 50px;
}

.contacts_left_title {
	font-size: 35px;
	color: #fff;
	margin-bottom: 25px;
}

.contacts_left {
	width: 450px;
	float: left;
	margin-top: 120px;
}

.contacts_left ul li {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	padding-left: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 20px 0px;
}

.contacts_left ul li:nth-child(1) {
	background: url(../img/contact_1.png) no-repeat center left;
}

.contacts_left ul li:nth-child(2) {
	background: url(../img/contact_2.png) no-repeat center left;
}

.contacts_left ul li:nth-child(3) {
	background: url(../img/contact_3.png) no-repeat center left;
}

.contacts_left ul li:nth-child(4) {
	background: url(../img/contact_4.png) no-repeat center left;
}

.contacts_right {
	position: absolute;
	top: 180px;
	overflow: hidden;
	right: 0px;
	width: 50%;
}

.contacts_right iframe {
	width: 100%;
}

.contacts_btn {
	display: table;
	margin: 0 auto;
	margin-top: 30px;
}

.bottom_bg {
	min-height: 462px;
	background: url(../img/bottom_bg.png) no-repeat center center;
	opacity: .4;
}

.footer {
    padding-top: 30px;
    padding-bottom: 20px;
    background: #000;
    border-top: 2px solid #121621;
    overflow: hidden;
}


.footer_text {
    font-size: 15px;
    color: #fff;
    float: left;
    padding-top: 10px;
}

.footer a {
    color: #fff;
}

.mojno_vse_footer {
    float: right;
    line-height: 20px;
    transition: .5s;
}

.mojno_vse_footer:hover {
	opacity: .7;
}

.mojno_vse_footer span {
    display: block;
    padding-top: 15px;
    float: left;
}

.mojno_vse_footer img {
    padding-left: 20px;
}
































.feedback_form {
	position: absolute;
	width: 400px;
	min-height: 250px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: url(../img/feedback_form_bg.png) no-repeat center center;
	z-index: 200;
	display: none;
	padding: 20px;
	background: #8c8c8c;
}

.feedback_btn {
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	border: none;
}

.feedback_form_title {
	text-align: center;
	font-size: 20px;
	margin-top: 40px;
}

.popup_sale_form {
	display: table;
	margin: 0 auto;
	margin-top: 10px;
}

.feedback_form_text {
	margin-top: 70px;
	font-size: 30px;
	color: #666;
	text-align: center;
}

.feedback_form_text_2 {
	font-size: 18px;
	color: #666;
	text-align: center;
}

.wrap_input_popup {
	display: table;
	margin: 0 auto;
}

.popup_input_label {
	color: #5b5b5b ;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 3px;
}

.popup_input {
	width: 210px;
    height: 42px;
    background: url(../img/input_bg.png) no-repeat center center;
    border: none;
    padding-left: 25px;
    margin-right: 10px;
    margin-top: 15px;
}

.popup_img {
	display: table;
	margin: 0 auto;
}

.popup_error {
	width: 330px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #eb5635;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: none;
}

.close_feedback_form {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 14px;
	height: 14px;
	background: url(../img/close_popup_main.png);
	color: #0077d4;
	font-size: 15px;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
}

.close_feedback_form:hover {
	text-decoration: none;
}

.feedback_form_success {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	width: 480px;
	height: 115px;
	text-align: center;
	background: #fff;
	padding: 20px;
	z-index: 200;
	display: none;
}

.feedback_form_success .btn {
    margin-left: 120px;
    margin-top: 70px;
}

.success_title {
	font-size: 20px;
	font-weight: 700;
}

.feedback_form_success_text {
	margin-top: 40px;
	font-size: 20px;
	color: #737373;
}

.feedback_form_success_btn {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #009688;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
}

.feedback_form_success_btn:hover {
	text-decoration: none;
}

.popup_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	opacity: .7;
	cursor: pointer;
	z-index: 100;
	display: none;
}