html {}
* {padding: 0px; margin: 0px;}
body {
	font-size: 18px;
	background: #FFF;
	color: #363636;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}
img {border: none;}
a {color: ;}
a:hover {color: ;}
h1 {font-size: 44px; font-weight: 900; color: #363636; margin: 0px 0px 24px 0px;}
h2 {margin: 0px 0px 24px 0px; line-height: 36px; color: #363636; padding: 0px 0px 0px 0px; font-size: 36px; font-weight: 400;}
h3 {margin: 0px 0px 24px 0px; line-height: 22px; color: #242424; padding: 0px 0px 0px 0px; font-size: 30px; font-weight: 400;}
p {margin: 0px 0px 24px 0px; line-height: 28px; font-size: 18px;}
.null {height: 0px auto; min-height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; clear: both;}
.workspace {width: 1100px; margin: 0px auto 0px auto; position: relative; z-index: 11;}

input {font-family: 'Roboto', sans-serif;}
input {outline: none;}

.fdd ol, .fdd ul {margin: 0px 0px 16px 36px; padding: 0px 0px 0px 0px; line-height: 28px;}
.fdd ul li, .fdd ol li {margin: 0px 0px 4px 16px; padding: 0px 0px 0px 0px;}



.pulse-button {
	text-align: center;
  position: fixed;
  z-index: 999999999;
  bottom: 100px;
  right: 100px;
  display: block;
  width: 90px;
  height: 90px;
  border: none;
  box-shadow: 0px 0px 0px 0px ;
  border-radius: 90px;
  background: ;
  cursor: pointer;
  -webkit-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
  animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
  -moz-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
  -ms-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
  -o-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
}

@-webkit-keyframes pulse {
to {box-shadow: 0 0 0 25px rgba(222, 19, 112, 0);}
}
@-moz-keyframes pulse {
to {box-shadow: 0 0 0 25px rgba(222, 19, 112, 0);}
}
@-ms-keyframes pulse {
to {box-shadow: 0 0 0 25px rgba(222, 19, 112, 0);}
}
@-o-keyframes pulse {
to {box-shadow: 0 0 0 25px rgba(222, 19, 112, 0);}
}
@keyframes pulse {
to {box-shadow: 0 0 0 25px rgba(222, 19, 112, 0);}
}




#ymaps-map-container {
	width: 50%;
	height: 400px;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	float: left;
	border: none;
	background: #FFF;
	border-top: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -khtml-border-radius: 0px;
	z-index: 10;
	position: relative;
}

#ymaps-map-container-x {
	width: 100%;
	height: 400px;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	float: left;
	border: none;
	background: #FFF;
	border-top: 10px solid #FFF;
	border-right: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -khtml-border-radius: 0px;
	z-index: 10;
	position: relative;
}










#form_3 input, #form_3 textarea {color: ;}
#form_3 input::-webkit-input-placeholder, #form_3 textarea::-webkit-input-placeholder {color: ;}
#form_3 input::-moz-placeholder, #form_3 textarea::-moz-placeholder {color: ;}
#form_3 input:-moz-placeholder, #form_3 textarea:-moz-placeholder {color: ;}
#form_3 input:-ms-input-placeholder, #form_3 textarea:-ms-input-placeholder {color: ;}


#form_31 input, #form_31 textarea {color: ;}
#form_31 input::-webkit-input-placeholder, #form_31 textarea::-webkit-input-placeholder {color: ;}
#form_31 input::-moz-placeholder, #form_31 textarea::-moz-placeholder {color: ;}
#form_31 input:-moz-placeholder, #form_31 textarea:-moz-placeholder {color: ;}
#form_31 input:-ms-input-placeholder, #form_31 textarea:-ms-input-placeholder {color: ;}

#illustration {width: 100%; height: 846px;}
#illustration_page {width: 100%; height: 140px;}
.illustration_workspace {width: 1100px; height: 846px; margin: 0px auto 0px auto; position: relative;}
#manager {width: 846px; height: 846px; margin: 0px; position: absolute; bottom: 0px; z-index: 9;}
#city {float: left; margin: 10px 36px 0px 106px; position: relative;}
#header_phone {float: left; margin: 10px 0px 0px 64px; position: relative; z-index: 10;}
.header_button {width: 220px; margin: 6px 0px 0px 36px; float: right; text-align: center; font-weight: 400; color: #FFF; font-size: 22px; border-radius: 200px; padding: 14px 0px 14px 0px; cursor: pointer; background: ; border-bottom: 4px solid ;}
.main_title {width: 660px; position: absolute; top: 180px; left: 440px; text-transform: uppercase; font-size: 60px; font-weight: 900; color: #FFF; margin: 0px 0px 24px 0px; text-shadow:  2px 2px 0px; z-index: 10;}
.ceny_button {width: 240px; margin: 6px 0px 0px 0px; position: absolute; top: 340px; left: 440px; text-align: center; background: none; border: 2px solid ; font-weight: 400; z-index: 10; color: ; font-size: 22px; border-radius: 200px; padding: 14px 0px 14px 0px; cursor: pointer;}
.callback {width: 280px; margin: 6px 0px 0px 0px; position: absolute; top: 340px; left: 706px; text-align: center; background: ; border-bottom: 4px solid ; z-index: 10; font-weight: 400; color: #FFF; font-size: 22px; border-radius: 200px; padding: 14px 0px 14px 0px; cursor: pointer;}

.service_1 {width: 140px; margin: 0px 0px 0px 0px; position: absolute; top: 500px; right: 0px; text-align: center; z-index: 10;}
.service_2 {width: 140px; margin: 0px 0px 0px 0px; position: absolute; top: 500px; right: 160px; text-align: center; z-index: 10;}
.service_3 {width: 140px; margin: 0px 0px 0px 0px; position: absolute; top: 500px; right: 320px; text-align: center; z-index: 10;}
.service_4 {width: 140px; margin: 0px 0px 0px 0px; position: absolute; top: 500px; right: 480px; text-align: center; z-index: 10;}

.special_1 {width: 400px; border-radius: 16px; background: #FFF; float: left; box-shadow: 0px 0px 22px -8px ;}
.special_3 {width: 400px; border-radius: 16px; background: #FFF; float: right; box-shadow: 0px 0px 22px -8px ;}
.special_2 {width: 400px; border-radius: 16px; background: #FFF; box-shadow: 0px 0px 22px -8px ; position: absolute; top: -40px; left: 350px; z-index: 99;}
.text_info {text-align: center; padding: 64px 0px 0px 0px;}

.window_image {width: 160px; height: 160px; margin: 0px auto 0px auto;}
.window_text {padding: 24px 24px 0px 24px; text-align: center;}
.window_price {padding: 12px 24px 12px 24px; text-align: center;}
.window_price b {color: ; font-size: 21px; font-weight: 900;}
.window_button {width: 160px; margin: 6px auto 0px auto; text-align: center; background: ; border-bottom: 4px solid ; font-weight: 400; color: #FFF; font-size: 22px; border-radius: 200px; padding: 14px 0px 14px 0px; cursor: pointer;}
.special_info {color: ; font-size: 24px; margin: 0px 0px 24px 0px; font-weight: 900; text-align: center;}

.gallery_image {width: 20%; height: 260px; float: left;}

#actions {width: 100%; background: #FFF;}
#actions .fa-chevron-left{position: absolute; left: -20px; top: 414px; cursor: pointer;}
#actions .fa-chevron-right{position: absolute; right: -20px; top: 414px; cursor: pointer;}
#actions .workspace {width: 1120px;}
#actions .action_item {width: 260px; background: url(/design/bg.png) center repeat; position: relative; margin: 0px auto 20px auto;}
#actions .action_image {width: 260px; height: 160px; margin: 0px 0px 20px 0px;}

#news {width: 100%; background: url(/design/bg.png) center repeat;}
#news .fa-chevron-left{position: absolute; left: -20px; top: 352px; cursor: pointer;}
#news .fa-chevron-right{position: absolute; right: -20px; top: 352px; cursor: pointer;}
#news .workspace {width: 1120px;}
#news .news_item {width: 260px; background: #FFF; position: relative; margin: 0px auto 20px auto;}
#news .news_image {width: 260px; height: 160px; margin: 0px 0px 20px 0px;}

.title {font-size: 54px; text-align: center; font-weight: 100; margin: 0px 0px 36px 0px;}

.map_info {font-size: 34px; color: #FFF; font-weight: 100; margin: 0px 0px 36px 0px;}
.maps {width: 550px; float: left;}

.review {width: 33.33%; float: left;}
.review_inner {width: 310px; height: 310px; border-radius: 310px; border: 2px solid #e7e7e7; margin: 0px auto 0px auto;}
.review_image {width: 280px; height: 280px; border-radius: 280px; overflow: hidden; margin: 15px auto 15px auto;}

#logo {width: 200px; float: left; position: relative; z-index: 10;}
#logo .badge {width: 200px; height: 64px; background: url(/design/logo_simple.svg) center no-repeat; background-size: cover;}

.main_text {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

.address_info {color: #FFF; padding: 0px 0px 64px 0px;}
.social {float: left; display: compact; width: 300px; margin: 0px 0px 0px 64px; font-size: 14px;}
.information {float: left; display: compact; margin: 0px 0px 0px 44px; font-size: 14px;}
.categories {float: left; display: compact; margin: 0px 0px 0px 44px; font-size: 14px;}
.maping {width: 40%; float: left;}
.maps_inner {padding: 0px 0px 0px 44px;}


.special_prices {width: 1140px; margin: 0px 0px 0px -20px;}
.special {width: 340px; border-radius: 6px; background: #FFF; float: left; box-shadow: 0px 0px 22px -8px #23366e; margin: 0px 20px 40px 20px;}
.special .image {width: 340px; margin: 0px auto 0px auto; text-align: center;}
.special .image.height254 {height: 254px;}

#fixed_form {width: 397px; border: 2px solid #FFF; position: relative; margin: 0px 0px 0px 0px;}
#fixed_form .inner {width: 397px;}
#fixed_form .inner_padding {padding: 44px 44px 44px 44px;}
#fixed_form .title {font-size: 28px; margin: 0px 0px 24px 0px; text-align: center; color: #FFF; font-weight: 900; text-transform: uppercase;}
#fixed_form input {border: 2px solid #FFF; text-align: center; width: 260px; font-size: 22px; border-radius: 220px; padding: 12px 0px 14px 0px; margin: 0px auto 18px auto;}
#fixed_form .button {background: none; border: 2px solid #FFF; color: #FFF; text-align: center; width: 264px; font-size: 22px; border-radius: 220px; padding: 12px 0px 14px 0px; margin: 0px auto 0px auto; cursor: pointer;}

.superprice {margin: 0px 0px 0px 0px; padding: 80px 0px 44px 0px; position: relative;}

#page_left_side {width: 440px; height: 460px; float: left; position: relative;}
#page_left_side .border {width: 368px; height: 366px; position: absolute; top: 0px; left: 0px; z-index: 9; background: url(/design/border.png) center no-repeat;}
#page_left_side .image {width: 368px; height: 366px; position: absolute; top: 32px; left: 32px; z-index: 10;}

#page_right_side {width: 640px; float: right;}

.workspace.catalog {width: 1120px;}
.catalog_item {width: 260px; background: #FFF; position: relative; float: left; margin: 0px 10px 20px 10px;}
.catalog_item .image {width: 260px; height: 160px; margin: 0px 0px 20px 0px; }

@media screen and (max-width: 1140px) {
	
	h1 {font-size: 32px;}
	h2 {font-size: 28px; font-weight: 600;}
	
	.workspace {width: 680px;}
	.workpace.catalog {width: 700px;}
	#illustration {height: 816px;}
	.illustration_workspace {width: 680px; height: 816px; margin: 0px auto 0px auto; position: relative;}
	.same {display: none;}
	.social {display: none;}
	.header_button {margin: 6px 0px 0px 16px;}
	#header_phone {margin: 10px 0px 0px 44px;}
	.main_title {top: 200px; left: 0px;}
	.ceny_button {top: 360px; left: 0px;}
	.callback {top: 360px; left: 280px;}
	.service_1 {top: 500px; left: 0px;}
	.service_2 {top: 500px; left: 160px;}
	.service_3 {top: 500px; left: 320px;}
	.service_4 {top: 500px; left: 480px;}
	
	.special_1 {width: 680px; height: 232px; margin: 0px 0px 16px 0px; float: none; position: relative;}
	.special_3 {width: 680px; height: 232px; margin: 0px 0px 16px 0px; float: none; position: relative;}
	.special_2 {width: 680px; height: 232px; margin: 0px 0px 16px 0px; float: none; position: relative; top: 0px; left: 0px; z-index: 99;}
	.text_info {padding: 44px 0px 0px 0px;}
	
	.window_image {width: 160px; height: 160px; position: absolute; top: 36px; left: 36px; margin: 0px 0px 0px 0px;}
	.window_text {padding: 12px 36px 0px 0px; text-align: left; position: absolute; top: 36px; left: 232px;}
	.window_price {padding: 12px 0px 12px 0px; text-align: left; position: absolute; top: 76px; left: 232px;}
	.window_price b {color: ; font-size: 21px; font-weight: 900;}
	.window_button {position: absolute; top: 146px; left: 232px;}
	.special_info {display: none;}
	
	.gallery_image {width: 33.33%;}
	
	#actions .workspace {width: 700px;}
	#actions .action_item {width: 300px;}
	#actions .action_image {width: 300px; height: 180px;}
	#actions .fa-chevron-left{top: 390px;}
	#actions .fa-chevron-right{top: 390px;}
	
	#news .workspace {width: 700px;}
	#news .news_item {width: 300px;}
	#news .news_image {width: 300px; height: 180px;}
	#news .fa-chevron-left{top: 350px;}
	#news .fa-chevron-right{top: 350px;}
	
	.title {font-size: 36px;}
	.map_info {font-size: 28px;}
	.maps {width: 340px;}
	
	.review {width: 50%; float: left;}
	
	
	.special_prices {width: 700px; margin: 0px 0px 0px -10px;}
	.special {width: 330px; margin: 0px 10px 20px 10px;}
	.special .image {width: 330px;}
	#page_text {display: none;}
	
	#page_left_side {width: 240px; height: 260px; float: left; position: relative;}
	#page_left_side .border {width: 168px; height: 166px; position: absolute; top: 0px; left: 0px; z-index: 9; background: url(/design/border.png) center no-repeat;}
	#page_left_side .image {width: 168px; height: 166px; position: absolute; top: 32px; left: 32px; z-index: 10;}
	
	#page_right_side {width: 440px; float: right;}
	
	.workspace.catalog {width: 700px;}
	.catalog_item {width: 330px; float: left; margin: 0px 10px 20px 10px;}
	.catalog_item .image {width: 330px; height: 220px;}

}
@media screen and (max-width: 720px) {
	
	h1 {font-size: 28px;}
	h2 {font-size: 24px; font-weight: 600;}


	#logo {width: 240px; float: none; margin: 0px auto 0px auto;}
	#logo .badge {width: 240px; height: 80px;}
	
	.workspace {width: 300px;}
	#illustration {height: 516px;}
	.illustration_workspace {width: 300px; height: 516px; margin: 0px auto 0px auto; position: relative;}
	.dame {display: none;}
	.information {display: none;}
	.categories {display: none;}
	.header_button {width: 220px; margin: 24px auto 0px auto; float: none;}
	
	#header_phone {display: none;}
	.main_title {width: 300px; top: 224px; left: 0px; font-size: 32px; text-align: center;}
	.ceny_button {top: 366px; left: 28px;}
	.callback {display: none;}
	.service_1 {display: none;}
	.service_2 {display: none;}
	.service_3 {display: none;}
	.service_4 {display: none;}
	
	.special_1 {width: 300px; height: auto; margin: 0px 0px 16px 0px; float: none; position: relative;}
	.special_3 {width: 300px; height: auto; margin: 0px 0px 16px 0px; float: none; position: relative;}
	.special_2 {width: 300px; height: auto; margin: 0px 0px 16px 0px; float: none; position: relative; top: 0px; left: 0px; z-index: 99;}
	.text_info {padding: 44px 0px 0px 0px;}
	
	.window_image {width: 160px; height: 160px; position: relative; margin: 0px auto 0px auto; top: 0px; left: 0px;}
	.window_text {padding: 12px 0px 0px 0px; text-align: center; position: relative; top: 0px; left: 0px;}
	.window_price {padding: 12px 0px 12px 0px; text-align: center; position: relative; top: 0px; left: 0px;}
	.window_price b {color: ; font-size: 21px; font-weight: 900;}
	.window_button {position: relative; top: 0px; left: 0px;}
	.special_info {display: none;}
	
	.gallery_image {width: 100%;}
	
	#actions .workspace {width: 320px;}
	#actions .action_item {width: 300px;}
	#actions .action_image {width: 300px; height: 180px;}
	#actions .fa-chevron-left{top: 390px; display: none;}
	#actions .fa-chevron-right{top: 390px; display: none;}
	
	#news .workspace {width: 320px;}
	#news .news_item {width: 300px;}
	#news .news_image {width: 300px; height: 180px;}
	#news .fa-chevron-left{top: 350px; display: none;}
	#news .fa-chevron-right{top: 350px; display: none;}
	
	.title {font-size: 24px; font-weight: 700;}
	.map_info {font-size: 28px; text-align: center;}
	.maping {width: 100%; float: none;}
	.maps {width: 320px; margin: 0px auto 0px auto; float: none;}
	.maps_inner {padding: 0px 0px 0px 0px;}
	
	.review {width: 100%; float: left;}
	.review_inner {width: 280px; height: 280px; border-radius: 280px; border: 2px solid #e7e7e7; margin: 0px auto 0px auto;}
	.review_image {width: 250px; height: 250px; border-radius: 250px; overflow: hidden; margin: 15px auto 15px auto;}

	.main_text {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

	#ymaps-map-container {
		width: 100%;
		height: 300px;
		margin: 0px 0px 36px 0px;
		border-right: none;
	}
	#ymaps-map-container-x {
		
	}
	
	.address_info {color: #FFF; text-align: center; padding: 36px 0px 64px 0px;}
	#block_2 {width: 264px; margin: 0px auto 0px auto;}
	
	.special_prices {width: 320px; margin: 0px 0px 0px -10px;}
	.special {width: 300px; margin: 0px 10px 20px 10px;}
	.special .image {width: 300px;}
	
	#fixed_form {width: 300px; border: 2px solid #FFF; position: relative; margin: 0px 0px 0px 0px;}
	#fixed_form .inner {width: 300px;}
	
	#fixed_form .inner_padding {padding: 36px 36px 36px 36px;}
	#fixed_form .title {font-size: 22px;}
	#fixed_form input {border: 2px solid #FFF; text-align: center; width: 220px; font-size: 22px; border-radius: 220px; padding: 12px 0px 14px 0px; margin: 0px auto 18px auto;}
	#fixed_form .button {background: none; border: 2px solid #FFF; color: #FFF; text-align: center; width: 224px; font-size: 22px; border-radius: 220px; padding: 12px 0px 14px 0px; margin: 0px auto 0px auto; cursor: pointer;}
	
	.superprice {padding: 40px 0px 44px 0px;}
	
	#page_left_side {width: 300px; height: 350px; float: left; position: relative;}
	#page_left_side .border {display: none;}
	#page_left_side .image {width: 300px; height: 300px; border-radius: 6px; position: absolute; top: 0px; left: 0px; z-index: 10;}
	
	#page_right_side {width: 300px; padding: 40px 0px 0px 0px; float: right;}
	
	.workspace.catalog {width: 320px;}
	.catalog_item {width: 300px; float: none; margin: 0px 10px 20px 10px;}
	.catalog_item .image {width: 300px; height: 200px;}
}