html, body {
	height:100%;
}

@font-face {
	font-family:Century Gothic;
	src:url(gothic.ttf);
}

body {
	padding:0;
	margin:0;
	font-size:100%;
	font-family:Arial;
	color:#333;
	background:#fff;
}

div, span, p, h1, h2, h3, h4, a, label, input, textarea, img, ul {
	margin:0;
	padding:0;
	border:none;
}

a {
	color:#006ec2;
	text-decoration:none;
}

a:hover {
	color:#b81bd0;
	text-decoration:none;
}

ul {
	list-style:none;
}

.container {
    margin:0 auto;
    width:100%;
	height:100%;
}

.width100 {
	width:100%;
	float:left;
	clear:both;
}

.center {
	margin:0 auto;
	padding:0 25px;
	display:block;
	max-width:950px;
}

.top {
	padding:15px 0 20px 0;
}

.logo {
	margin:7px auto 0;
	height:42px;
	text-align:center;
}

.logo div {
	margin:0 12px -12px 0;
	width:42px;
	height:42px;
	display:inline-block;
	border-radius:21px;
	background-size:42px auto;
	background-position:center center;
}

.logo img {
	margin:0 12px -12px 0;
	height:42px;
	display:inline-block;
}

.logo span {
	font-family:Verdana;
	font-weight:bold;
	font-size:1.25rem;
	color:#c93737;
	display:inline-block;
	white-space:nowrap;
	text-transform:uppercase;
}

.phone {
	margin-top:0.85em;
	font-family:Century Gothic;
	font-size:1.25rem;
	line-height:1.5;
	color:#4a4a4a;
	text-align:center;
	display:block;
}

.phone span {
	font-family:Century Gothic;
	font-size:1rem;
	line-height:1.2;
	color:#4a4a4a;
}

.head {
	height:270px;
	background-color:#f5f5f5;
    background-position:center center;
    background-repeat:no-repeat;
	background-size:auto 270px;
	position:relative;

}

.head_info {
	padding:15px 20px;
	margin:25px auto;
	width:90%;
	max-width:620px;
	background:url(transparent.png) left top repeat;
}

h1 {
	font-family:Century Gothic;
	font-size:1.15rem;
	line-height:1.4;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
}

.head_info p {
	padding-bottom:0;
	color:#ffe745;
	font-family:Century Gothic;
	font-size:1.15rem;
	line-height:1.6;
	text-transform:uppercase;
	text-align:center;
}

.head_info a {
	margin:7px auto 0;
	padding:12px 0 10px;
	width:100%;
	max-width:340px;
	color:#fff;
	font-size:1.15rem;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	display:block;
	background:#66af10;

}

.head_info a:hover {
	background:#73cb0b;
}

.main_info {
	padding:30px 0 0 0;
}

.photo, .call {
	padding:30px 0;
}

.title {
	margin-bottom:30px;
	width:100%;
	font-family:Century Gothic;
	font-size:1.4rem;
	line-height:1.2;
	text-align:center;
	text-transform:uppercase;
	display:block;
	float:left;
	clear:both;
	font-weight:normal;
}

.title span {
	font-family:Century Gothic;
	font-size:1.4rem;
	line-height:1.2;
	color:#da2c24;
}

.title_white {
	margin:0 0 38px 0;
	width:100%;
	font-family:Century Gothic;
	font-size:1.4rem;
	line-height:1.2;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	display:block;
	float:left;
	clear:both;
	font-weight:normal;
}

.error {
	margin:-30px auto 10px;
	width:100%;
	font-family:Century Gothic;
	font-size:1rem;
	line-height:1.2;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	clear:both;
	color:#ffe613;
}

.list  {
	width:100%;
	border:none;
	border-spacing:0;
}

.list td {
	padding:110px 0 40px 0;
	width:100%;
	font-size:1rem;
	line-height:1.3;
	color:#666;
	text-align:center;
	vertical-align:top;
    background-position:center top;
    background-repeat:no-repeat;
	background-size:88px auto;
}

.red {
	color:#da2c24;
	font-size:inherit;
}

.grey {
	background:#f5f5f5;
}

.black {
	background:#141718;
}

 .call {
	color:#da2c24;
	font-size:1.5rem;
	line-height:1.2;
	font-family:Century Gothic;
	font-weight:bold;
	text-align:center;
}

 .call span {
	color:#da2c24;
	font-size:1.5rem;
	line-height:1.2;
	font-family:Century Gothic;
	font-weight:bold;
	white-space:nowrap;
}

.call img {
	margin:30px auto 5px;
	display:block;
	width:92px;
	height:92px;
}

.photo p {
	padding-top:20px;
	font-size:1rem;
    line-height:1.5;
	font-family:Arial;
	color:#4b4b4b;
	font-weight:normal;
	display:block;
}

.forma {
	padding:30px 0 0 0;
	height:330px;
	text-align:center;
	background:#1e3d49 url(form_bg.jpg) center top no-repeat;
	background-size:auto 360px;
}

.center_forma {
	padding:0 25px;
	margin:0 auto;
	max-width:600px;
	display:block;
	position:relative;
}

.ribbon {
	display:block;
	position:absolute;
	top:-36px;
	left:-50px;
}

.forma ul li {
	margin-bottom: 13px;
}

.text_form  {
	padding: 21px 18px 19px;
	width:100%;
	max-width:460px;
	font-size:16px;
	color:#4c4c4c;
	background:#fff;
	border: 1px solid #fff;
}

.button  {
	margin:0 auto;
	padding: 22px 0 19px;
	width:100%;
	max-width:460px;
	color:#fff;
	font-size:1rem;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	display:block;
	background:#66af10;
}

.button:hover  {
	background:#73cb0b;
}

.contacts {
	padding:35px 0 25px 0;
	text-align:center;
}

.contacts p {
	padding:0;
	font-family:Century Gothic;
	font-size:1rem;
	line-height:1.4;
}

.contacts span {
	font-family:Century Gothic;
	font-size:1.5rem;
	line-height:2;
}

#yandex_map {
	width:100%; 
	height:250px;
	float:left;
	clear:both;
}

.fotorama {
	margin:30px auto 15px;
	width:100%;
	max-width:1000px;
	overflow:hidden;
}

.footer {
	padding:12px 0;
}

.footer img {
	margin-top:3px;
}

.text_white, .footer span {
	font-size:0.85rem;
	line-height:1.2;
	color:#cddade;
	text-align:center;
}

.text_white a, .text_white a:hover {
	color:#cddade;
}

p {
	padding-bottom:28px;
}

.nowrap {
    white-space:nowrap;
}

.change_img {
	width:100%;
	position:absolute;
	bottom:0;
}

.change_img div {
	margin:0 auto;
	display:block;
	max-width:1080px;
	position:relative;
}

.change_img div input {
	padding:8px 10px;
	color:#fff;
	font-size:13px;
	line-height:16px;
	display:block;
	cursor:pointer;
	background:#f04040;
	position:absolute;
	bottom:0;
	right:0;
}

.change_img input:hover  {
	background:#de2525;
}

.ui-widget-content {
	border:none !important;
}

.ui-dialog {
	padding:0 !important;
}

.ui-dialog .ui-dialog-content {
	padding:14px !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size:13px !important;
	font-family:Arial !important;
}

.ui-widget {
    font-size:1em !important;
}

.box-sizing {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
}

@media only screen and (max-width:480px) {
.logo, .phone {width:100%; float:left; clear:both; height:auto; }
.logo div {margin:0 auto 7px; display:block; }
.logo img { margin:0 auto 7px; display:block;}
.logo span {margin:0 auto; display:block;}

h1 {font-size:1rem; line-height:1.25;}
.head_info p {font-size:1rem; line-height:1.5;}
.head_info a {max-width:250px; font-size:1rem;}
}

@media only screen and (min-width:861px) {
.top {padding:20px 0 24px 0;}

.logo {margin:0; max-width:450px; height:54px; float:left;}
.logo img {margin:0 17px 0 0; height:54px; float:left;}
.logo div {margin:0 17px 0 0; width:54px; height:54px; border-radius:27px; background-size:54px auto; float:left;}
.logo span {margin:10px 0 0 0; font-size:1.5rem; line-height:1.5; float:left;}

.phone {margin-top:-4px; max-width:450px; font-size:1.5rem; line-height:1.5; text-align:right; float:right; clear:none;}
.phone span {font-size:1.1rem;}

.s03, .s04, .s05 {display:block;}

.contacts p {display:block; float:left; max-width:400px; text-align:left;}
.contacts span {display:block; float:right; max-width:350px; text-align:right;}

.step {padding:95px 2% 35px; width:20%; clear:none;}

.head {background-size:100% auto;}
.head_info {margin:30px auto; padding:20px 25px;}
h1 {font-size:1.3rem; line-height:1.6;}
.head_info p {font-size:1.3rem; line-height:1.75;}

.title {margin-bottom:35px; font-size:2rem;}
.title span {font-size:2rem;}
.title_white {margin:0 0 40px 0; font-size:2rem;}

.call, .call span {font-size:2rem;}
.call img {width:106px; height:106px;}

.contacts p {font-size:1.1rem; line-height:1.4;}
.contacts span {font-size:1.7rem; line-height:1.5;}

.list td {padding:0 0 0 110px; border-bottom:30px solid #fff; height:88px; min-height:88px; text-align:left; vertical-align:middle; background-position:left center;}
}