html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	min-width: 320px; min-height: 100%;
}
body {
	position: relative; background: #fff; font-family: 'MuseoSansCyrl'; font-size: 16px; color: #000000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
* {
	outline: none; max-height: 999999px;
}
img {
	border: none; vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
input, textarea, select, button {
	font-family: 'MuseoSansCyrl';
}
button::-moz-focus-inner {
    padding: 0; border: 0;
}
button {
	*overflow: visible;
}
/*input, button { -webkit-appearance: none;}*/
input[type="submit"] { -webkit-appearance: none;}
label {
	cursor: pointer;
}
a {
	color: #4785b0;
}
a:hover {
	text-decoration: none;
}
.clear_fix {
	clear: both; display: block; height: 0;
}
.hidden {
	display: none;
}
.wrapper {
	position: relative; min-width: 290px; max-width: 1200px; margin: 0 auto; padding: 0 15px;
}


/* site style
------------------------------------------------ */
.viewport-wrapper {
	position: relative; min-width: 320px; overflow: hidden;
}

H1, H2, H3, H4, H5 {
	margin: 0; padding: 0; line-height: 1;
}
H1 {
	font-size: 26px; color: #4e5355; font-weight: 400;
}
H2 {

}
H3 {
	
}
H4 {
	font-size: 22px; color: #4e5355; font-weight: 400;
}

input[type=text], 
input[type=password], 
textarea, select {
	border: 2px solid #e5e5e5; border-radius: 4px; box-sizing: border-box; font-size: 16px; color: #666;
}
input[type=text], 
input[type=password],
select {
	height: 56px; padding: 0 20px; text-overflow: ellipsis;
}
textarea {
	overflow: auto; resize: none; vertical-align: top; padding: 10px 15px;
}
::-webkit-input-placeholder {color: #8b9497}
:-moz-placeholder {color: #8b9497}
::-moz-placeholder {color: #8b9497}
:-ms-input-placeholder {color: #8b9497}

button {
	height: 56px; border-radius: 4px; background: #4785b0; cursor: pointer; border: 0; font-size: 18px; font-weight: 700; color: #fff;
}

a.button {
	display: inline-block; vertical-align: top; height: 40px; line-height: 40px; border: 2px solid #a8d4ee; border-radius: 4px; 
	color: #4785b0; text-decoration: none; text-align: center;
}
a.button:hover {
	background: #4785b0; border-color: #4785b0; color: #fff;
}

input[type='submit'] {
    height: 56px;
    border-radius: 4px;
    background: #f06060;
    cursor: pointer;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    width: 244px;
}
input[type='submit'].hover {
	background: #fff !important;
}
.form-search input[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
    width: 166px;
}

.form-box .bt input[type='submit'] {
    padding: 0 40px;
}

button.ui-datepicker-trigger {
	position: absolute; right: 17px; top: 50%; margin-top: -12px; width: 24px !important; height: 23px; padding: 0; background: url(/i/sprite.png) -30px -30px no-repeat !important;
}

.ui-selectmenu-button {
	position: relative; display: inline-block; vertical-align: top; background: #fff; height: 56px; line-height: 52px; cursor: pointer; box-sizing: border-box; border-radius: 4px; 
	border: 2px solid #e5e5e5; text-decoration: none; white-space: nowrap; color: #8b9497;
}
.ui-selectmenu-text {
	position: relative; margin: 0 40px 0 20px; display: block; overflow: hidden; text-overflow: ellipsis;
}
.ui-selectmenu-icon {
	display: block; background: url(/i/sprite.png) -260px -50px no-repeat; width: 15px; height: 9px; position: absolute; right: 20px; top: 50%; margin-top: -4.5px; opacity: .5;
}
.ui-selectmenu-menu {
	position: absolute; top: 0; margin: 0; border: 0; display: none; z-index: 99999 !important;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-menu ul {
	position: relative; margin: 5px 0 0; max-height: 340px; overflow: auto; background: #fff; box-sizing: border-box; box-shadow: 0 1px 13px rgba(0,0,0,.26); border-radius: 4px;
}
.ui-selectmenu-menu ul li {
	position: relative; margin: 0; padding: 0;
}
.ui-selectmenu-menu ul li div {
	padding: 12px 20px; cursor: pointer; color: #b0b7b9; font-size: 15px;
}
.ui-selectmenu-menu ul li div:hover {
	background: #e3f1fb; color: #2d6a95;
}
.ui-selectmenu-menu ul li div.ui-state-active {
	background: #e3f1fb; color: #2d6a95;
}

.ui-datepicker {
	width: 280px; padding: 15px 10px 10px; height: auto; margin: 10px auto 0; background: #fff; display: none; z-index: 9999 !important; box-shadow: 0 2px 16px rgba(0,0,0,.19);
}
.ui-datepicker a {
	text-decoration: none;
}
.ui-datepicker table {
	width: 100%; border: 0px; border-collapse: collapse;
}
.ui-datepicker-header {
	padding-bottom: 10px; color: #8b9497; font-size: 16px;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, 
.ui-datepicker-next {
	position: relative; top: 4px; display: inline-block; vertical-align: top; width: 8px; height: 13px; text-align: center; cursor: pointer; 
	background-image: url(/i/sprite.png); background-repeat: no-repeat; line-height: 600%; overflow: hidden;
}
.ui-datepicker-prev {
	float: left; background-position: -560px -0px; margin-left: 10px;
}
.ui-datepicker-next {
	float: right; background-position: -570px -0px; margin-right: 10px;
}
.ui-datepicker thead {
	
}
.ui-datepicker th {
	padding: 0; height: 30px; vertical-align: middle; color: #4e5355; font-size: 12px; font-weight: 400; text-transform: uppercase;
}
.ui-datepicker tbody td {
	padding: 2px;
}
.ui-datepicker td span, 
.ui-datepicker td a {
	display: inline-block; border-radius: 4px; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #4e5355; font-size: 16px;
}
.ui-datepicker-calendar .ui-state-default {
	
}
.ui-datepicker-calendar .ui-state-hover {
	background: #e1f1fb; color: #4785b0;
}
.ui-datepicker-calendar .ui-state-active {
	background: #e1f1fb; color: #4785b0;
}
.ui-datepicker-unselectable .ui-state-default {
	color: #b8c1c4;
}

.jq-checkbox {
	position: relative; top: -2px; cursor: pointer; vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 4px; width: 22px; height: 22px;
}
.jq-checkbox.checked:after {
	display: block; content: ''; background: url(/i/tick.svg); background-size: 15px 15px; width: 15px; height: 15px; position: absolute; left: 50%; top: 46%; margin: -6px 0 0 -8px;
}

.title-box {
	text-align: center;
}
.title-box .title {
	font-size: 26px; font-weight: 400; color: #4e5355; line-height: 1;
}
.title_waranty {
	font-size: 26px; font-weight: 400; color: #fff; line-height: 1;
}
.title-box .title:after,
.title_waranty:after {
	display: block; content: ''; position: relative; width: 50px; height: 2px; background: #a8d4ee; margin: 15px auto 0;
}
.title__h2:after {
	display: block; content: ''; position: relative; width: 50px; height: 2px; background: #fff; margin: 15px auto 0;
}
.title-box .text {
	position: relative; margin: 27px auto 0; max-width: 540px; font-size: 18px; line-height: 24px;
}

.text-box {
	line-height: 24px;
}
.text-box p {
	padding: 0 0 10px;
}
.text-box p.pb-15 {
	padding-bottom: 15px;
}
.text-box p.pb-20 {
	padding-bottom: 20px;
}
.text-box p.pb-40 {
	padding-bottom: 40px;
}
.text-box blockquote {
	background: #ecf6fd; padding: 30px 40px; margin: 10px 0 25px; font-size: 17px; color: #2d6a95; line-height: 24px;
}
.text-box blockquote.content {
	background: #ecf6fd; padding: 30px 20px; margin: 10px 0 25px; font-size: 17px; color: #000; line-height: 24px;
}
.text-box blockquote a {color: #417192;}
.text-box blockquote .btn__place_order a {color: #fff;}
.text-box blockquote .btn__place_order a:hover {color: #f06060;}
.inform-guar blockquote {
	background: #ecf6fd; padding: 30px 40px; margin: 10px 0 35px; font-size: 17px; color: #2d6a95; line-height: 24px;
}
.text-box blockquote.red {
	background: #fcdfdf; color: #28485f;
}
.text-box blockquote.red a {
	color: #4e5355;
}
.text-box blockquote small {
	display: block; border-top: 1px solid #d4e6f2; margin-top: 15px; padding-top: 12px; font-size: 13px; color: #87adc7;
}
.text-box ul {
	margin-left: 30px;
}
.text-box ul li {
	position: relative; padding-left: 20px; margin-top: 15px;
}
.text-box ul.small li {
	margin-top: 5px;
}
.text-box ul li:first-child {
	margin-top: 0;
}
.text-box ul li:after {
	display: block; content: '-'; position: absolute; left: 0; top: 0;
}
.text-box ul.bull {
	margin-left: 36px;
}
.text-box ul.bull li {
	padding-left: 36px;
}
.text-box ul.bull li:after {
	content: '•';
}
.text-box ul.project {
	margin-left: 40px;
}
.text-box ul.project li {
	padding-left: 34px;
}
.text-box ul.project li:after {
	content: ''; width: 22px; height: 22px; background: url(/i/sprite.png) -430px 0 no-repeat;
}
.text-box ol {
	margin-left: 30px; list-style-type: none; counter-reset: item;
}
.text-box ol ol {
	margin-left: 0;
}
.text-box ol ol ol {
	margin-left: 0;
}

.text-box ol ol ol li{
	padding-left: 50px;
}



/*ol { counter-reset: item }*/
ol.ol-list li{ display: block }
ol.ol-list li:before { content: counters(item, ".") " "; counter-increment: item }
.text-box ol li {
	position: relative; padding: 0 0 0 36px; margin-top: 15px;
}

.text-box ol li:first-child {
	margin-top: 0;
}
.text-box ol li:before {
	content: counters(item, ".") " "; counter-increment: item; position: absolute; left: 0px; top: 0px;
}
.text-box .inline {
	position: relative; margin-top: 20px;
}
.text-box .inline:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.text-box .inline .col {
	width: 43%; float: left; margin-right: 7%;
}
.text-box .inline .item {
	margin-top: 55px;
}
.text-box .inline .item:first-child {
	margin-top: 0;
}
.text-box .inline .title {
	margin-bottom: 20px; color: #4e5355;
}
.text-box p:last-child {
	padding-bottom: 0;
}
.text-box blockquote:first-child {
	margin-top: 0;
}
.text-box blockquote:last-child {
	margin-bottom: 0;
}
.text-box .tab {
	position: relative; margin-bottom: 15px; line-height: 1; font-size: 16px;
}
.text-box .tab:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.text-box .tab div {
	float: left; margin: 0 40px 10px 0;
}
.text-box .tab div:last-child {
	margin-right: 0;
}
.text-box .tab div a {
	text-decoration: none;
}
.text-box .tab div a:hover {
	text-decoration: underline;
}
.text-box .tab-2 div a {
	border-bottom: 1px dashed currentColor;
	line-height: 20px;
}
.text-box .tab-2 div a:hover {
	border-color: transparent; text-decoration: none;
}
.text-box .bt {
	text-align: center;
}
.text-box .bt a {
	position: relative; display: inline-block; vertical-align: top; max-width: 280px; padding: 0 10px; overflow: hidden; background: #4785b0; border-radius: 4px; 
	font-size: 18px; font-weight: 700; text-decoration: none; color: #fff;
}
.text-box .bt a span {
	display: table-cell; vertical-align: middle; width: 999px; height: 57px; text-align: center;
}

.text-black {
	color: #4e5355;
}
.text-blue {
	color: #4785b0;
}

.slick-list {
	position: relative; overflow: hidden;
}
.slick-track {
	position: relative;
}

.navigation {
	font-size: 18px; color: #fff; line-height: 24px;
}
.navigation a {
	color: #fff; text-decoration: none;
}
.navigation a:hover {
	text-decoration: underline;
}
.navigation a:last-child {
	 text-decoration: none;
}

.pagination {
	text-align: center;
}
.pagination a {
	display: inline-block; vertical-align: top; margin: 0 5px; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; border: 2px solid transparent; color: #4785b0; text-decoration: none;
}
.pagination a.active {
	border-color: #a8d4ee;
}
.pagination span {
	display: inline-block; vertical-align: top; margin: 0 10px; height: 44px; line-height: 44px; color: #4785b0;
}

.top-box {
	position: relative; min-width: 290px; padding: 0 15px; background-image: url(/i/var3.jpg); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;
}
.top-box .table {
	display: table-cell; width: 999999px; height: 240px; vertical-align: middle; text-align: center;
}
.top-box .title {
	font-size: 36px; font-weight: 400; color: #fff; line-height: 1; max-width: 1200px; margin: 0 auto 15px auto;
}
.top-box .title:after {
	display: block; content: ''; position: relative; width: 50px; height: 2px; background: #a8d4ee; margin: 17px auto 0;
}
.top-box .navigation {
	position: relative; max-width: 1200px; margin: auto; padding-top: 20px;
}

.tab-box {
	position: relative; margin-bottom: 20px; z-index: 200;
}
.tab-box:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.tab-box ul {
	position: relative; float: right;
}
.tab-box ul:first-child {
	float: left;
}
.tab-box ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.tab-box li {
	float: left; margin: 0 5px 10px 0;
}
.tab-box li:last-child {
	margin-right: 0;
}
.tab-box li a {
	display: block; padding: 0 15px; border-radius: 4px; color: #4785b0; text-decoration: none;
}
.tab-box li.active a {
	background: #ececec; color: #8b9497;
}
.tab-box .level {
	display: none; margin-bottom: 7px; font-size: 9px; color: #4e5355; text-transform: uppercase;
}
.tab-box .value {
	display: none; position: relative; cursor: pointer; height: 52px; line-height: 52px; border: 2px solid #e6e6e6; border-radius: 4px; color: #2d6a95;
}
.tab-box .value:after {
	display: block; content: ''; background: url(/i/sprite.png) -260px -50px no-repeat; width: 15px; height: 9px; position: absolute; right: 15px; top: 50%; margin-top: -4.5px; opacity: .5;
}
.tab-box .value span {
	position: relative; display: block; margin: 0 30px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.dib {
	display: inline-block; vertical-align: baseline;
}
/* end site style */


/* header
------------------------------------------------ */
.site-header {
	position: relative; min-width: 320px; z-index: 6000;
}
.site-header .alert {
	position: relative; min-width: 320px; background: #4785b0;
}
.site-header .alert .cont {
	display: table-cell; vertical-align: middle; width: 9999px; height: 40px; text-align: center;
}
.site-header .alert .text {
	display: inline-block; vertical-align: baseline; font-size: 14px; font-weight: 700; color: #fff;
}
.site-header .alert .text a {
	color: #fff; text-decoration: none;
}
.site-header .alert .bt {
	display: inline-block; vertical-align: baseline; margin-left: 15px;
}
.site-header .alert .bt a {
	display: block; width: 104px; height: 26px; line-height: 26px; border-radius: 4px; background: #66a3c6;
	font-size: 13px; color: #fff; text-decoration: none;
}
.site-header .alert .bt a:hover {
	background: #fff; color: #4785b0;
}
.site-header .alert a.close {
	display: block; background: url(/i/sprite.png) -128px -0px no-repeat; width: 18px; height: 18px; position: absolute; right: 10px; top: 50%; margin-top: -9px;
}
.site-header .top {
	position: relative; min-width: 320px; height: 41px; background: #222; z-index: 250;
}
.site-header .top:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .bookm {
	float: left;
}
.site-header .bookm a {
	position: relative; display: block; padding: 0 20px 0 48px; line-height: 41px; text-decoration: none; font-size: 15px; color: #fff;
}
.site-header .bookm a:after {
	display: block; content: ''; background: url(/i/sprite.png) no-repeat; width: 20px; height: 19px; position: absolute; left: 15px; top: 50%; margin-top: -10px;
}
.site-header .info {
	float: left;
}
.site-header .info > ul {
	position: relative;
}
.site-header .info > ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .info > ul > li {
	position: relative; float: left; padding-left: 25px;
}
.site-header .info > ul > li > a {
	position: relative; display: block; line-height: 41px; font-size: 15px; color: #b0b7b9; text-decoration: none;
}
.site-header .info > ul > li:hover > a {
	color: #fff;
}
.site-header .info > ul > li.list > a {
	padding-right: 18px;
}
.site-header .info > ul > li.list > a:after {
	display: block; content: ''; background: url(/i/sprite.png) -24px -0px no-repeat; width: 10px; height: 6px; position: absolute; right: 0px; top: 50%; margin-top: -3px;
}
.site-header .info > ul > li.list:hover > a:after {
	background-position: -24px -10px;
}
.site-header .info > ul > li ul {
	display: none; position: absolute; left: 0; top: 100%; background: #222; width: 255px; padding: 20px 25px 30px; box-sizing: border-box; font-size: 15px;
}
.site-header .info > ul > li li {
	margin-top: 23px;
}
.site-header .info > ul > li li:first-child {
	margin-top: 0;
}
.site-header .info > ul > li li a {
	color: #b0b7b9; text-decoration: none;
}
.site-header .info > ul > li li a:hover {
	color: #fff;
}
.site-header .phone-gen {
	position: relative; float: right; margin-right: 40px; padding-left: 30px;
}
.site-header .phone-gen:after {
	display: block; content: ''; background: url(/i/sprite.png) -38px -0px no-repeat; width: 16px; height: 17px; position: absolute; left: 0px; top: 50%; margin-top: -10px;
}
.site-header .phone-gen a {
	display: block; float: left; line-height: 41px; color: #e6e6e6; text-decoration: none;
}
.site-header .phone-gen span {
	display: block; float: left; margin-left: 40px; line-height: 41px; font-size: 14px; color: #8b9497;
}
.site-header .mid {
	position: relative; min-width: 320px; height: 115px; background: #ececec;
}
.site-header .mid:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .logo {
	margin: 33px 0 0 24px; float: left; width: 296px;
}
.site-header .city {
	float: left; margin-top: 40px; width: 192px;
}
.site-header .city a {
	color: #4785b0; text-decoration: none; border-bottom: 1px dashed currentColor;
}
.site-header .city a:hover {
	border-color: transparent;
}
.site-header .pc {
	position: relative; margin-top: 42px; float: left;
}
.site-header .pc:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-header .pc .item {
	position: relative; float: left; padding-left: 32px; margin-left: 35px;
}
.site-header .pc .item:first-child {
	margin-left: 0;
}
.site-header .pc .item:after {
	display: block; content: ''; background: url(/i/sprite.png) -60px -0px no-repeat; width: 20px; height: 21px; position: absolute; left: 0px; top: 0px;
}
.site-header .pc .phone {
	line-height: 1; font-size: 20px;
}
.site-header .pc .phone a {
	color: #4e5355; text-decoration: none;
}
.site-header .pc .callback {
	
}
.site-header .pc .callback a {
	color: #4785b0; text-decoration: none; border-bottom: 1px dashed currentColor;
}
.site-header .pc .callback a:hover {
	border-color: transparent;
}
.site-header .pc .text {
	font-size: 14px;
}
.site-header .r {
	float: right;
}
.site-header .login {
	margin-top: 25px; float: left;
}
.site-header .login a {
	position: relative; display: inline-block; vertical-align: top; padding-left: 32px; color: #4785b0; text-decoration: none;
}
.site-header .login a:after {
	display: block; content: ''; background: url(/i/sprite.png) -84px -0px no-repeat; width: 18px; height: 17px; position: absolute; left: 28%; top: 28%;
}
.site-header .search {
	margin: 26px 38px 0 30px; float: left; width: 360px;
}
.site-header .search .bt {
	display: none;
}
.site-header .search .bt a {
	position: relative; display: block; width: 33px; height: 33px; border: 2px solid #b2b4b5; border-radius: 4px;
}
.site-header .search .bt a:after {
	display: block; content: ''; background: url(/i/sprite.png) -560px -40px no-repeat; width: 18px; height: 17px; position: absolute; left: 50%; top: 50%; margin: -8.5px 0 0 -9px;
}
.site-header .search .form {
	position: relative;
}
.site-header .search .form input[type=text] {
	width: 100%; height: 44px; background: #fff; border: 0; padding: 0 0 0 20px; border-radius: 4px; font-size: 14px; color: #8b9497;
}
.site-header .search .form button {
	width: 17px; height: 17px; border: 0; padding: 0; border-radius: 0; background: url(/i/sprite.png) -106px 0 no-repeat; position: absolute; right: 14px; top: 14px;
}
.site-header .search .link {
	margin: 7px 0 0 2px; font-size: 14px;
}
.site-header .search .link a {
	color: #4785b0; text-decoration: none; border-bottom: 1px dashed currentColor;
}
.site-header .search .link a:hover {
	border-color: transparent;
}
.site-header .menu {
	position: relative; min-width: 320px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.08);
}
.site-header .menu .bt {
	display: none; cursor: pointer; position: absolute; right: 15px; bottom: 100%; margin-bottom: 46px; border-radius: 4px; padding: 0 47px 0 15px; background: #4685b0; height: 37px; line-height: 37px; 
	font-size: 14px; color: #fff; text-transform: uppercase;
}
.site-header .menu .bt:after {
	display: block; content: ''; background: url(/i/sprite.png) -560px -20px no-repeat; width: 17px; height: 15px; position: absolute; right: 16px; top: 50%; margin-top: -7.5px;
}
/*.site-header .menu .bt span {
	display: none;
}*/
.site-header .menu ul {
	display: table; width: 100%;
}
.site-header .menu li {
	display: table-cell; vertical-align: top; border-left: 1px solid #ececec;
}
.site-header .menu li:first-child {
	border-left: 0;
}
.site-header .menu li a {
	display: table-cell; width: 999px; height: 58px; vertical-align: middle; white-space: nowrap; text-decoration: none; text-align: center; font-size: 18px; color: #4e5355;
}
.site-header .menu li a:hover {
	background: #f06060; color: #fff;
}
/* end header */


.site-body {
	margin-top: 30px; margin-bottom: 35px;
}


/* banner
------------------------------------------------ */
.banner-main {
	position: relative; min-width: 320px;
}
.banner-main-index:before, .top-box__beer:before {
	display: block; content: ''; background: url(/i/bm-label.png) no-repeat; width: 230px; height: 153px; position: absolute; left: 24px; top: 40px; z-index: 5;
}
.banner-main .top {
	position: relative; min-width: 320px; height: 242px; -webkit-background-size: cover; background-size: cover;
}
.banner-main .top .wrapper {
	max-width: 1010px; margin: 0 0 0 20%; padding-top: 30px;
}
.banner-main .title {
	font-size: 36px; font-weight: 700; color: #fff; line-height: 1; text-align: center;
}
.banner-main .text {
	margin-top: 10px; font-size: 18px; color: #fff; text-align: center;
}
.banner-main .form {
	position: relative; margin-top: 37px;
}
.banner-main .form:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.banner-main .form .item {
	width: 24%; float: left; margin-left: 1.333%;
}
.banner-main .form .item:first-child {
	margin-left: 0;
}
.banner-main .form .level {
	position: absolute; left: 0; bottom: 100%; margin-bottom: 5px; font-size: 9px; color: #fff; text-transform: uppercase;
}
.banner-main .form .value {
	
}
.banner-main .form select {
	width: 100%; height: 56px; border: 0; padding: 0 20px; border-radius: 4px; font-size: 16px; color: #8b9497;
}
.banner-main .form .ui-selectmenu-button {
	width: 100%; border-color: transparent;
}
.banner-main .form input[type=text] {
	width: 100%; height: 56px; border: 0; padding: 0 20px; border-radius: 4px; font-size: 16px; color: #8b9497;
}
.banner-main .form button {
	background: #f06060; width: 100%; height: 56px; border: 0; padding: 0; border-radius: 4px; font-size: 18px; color: #fff; font-weight: 700;
}
.banner-main .form button:hover {
	background: #d64141;
}
.banner-main .menu {
	background: #2d6a95;
}
.banner-main .menu ul {
	display: table; width: 100%;
}
.banner-main .menu li {
	display: table-cell; vertical-align: top; border-left: 1px solid #40779e;
}
.banner-main .menu li:first-child {
	border-left: 0;
}
.banner-main .menu li a {
	display: table-cell; width: 999px; padding: 0 10px; height: 56px; vertical-align: middle; font-size: 18px; color: #fff; text-decoration: none; text-align: center;
}
.banner-main .menu li a:hover {
	background: #cde6f7; color: #4785b0;
}
.banner-main .menu li.sel {
	border-left: 0;
}
.banner-main .menu li.sel a {
	background: #f06060; color: #fff;
}
.banner-main .menu li.sel a:hover {
	background: #d64141;
}
.banner-main .menu-mob {
	position: relative; padding-right: 196px; background: #ecf6fd; display: none;
}
.banner-main .menu-mob .bt {
	cursor: pointer; position: relative; cursor: pointer; padding: 0 0 0 15px; height: 57px; line-height: 57px; color: #fff; font-size: 18px;
}
.banner-main .menu-mob .bt:after {
	display: block; content: ''; background: url(/i/sprite.png) -580px -24px no-repeat; width: 15px; height: 9px; position: absolute; right: 30px; top: 50%; margin-top: -4.5px;
}
.banner-main .menu-mob ul {
	display: none;
}
.banner-main .menu-mob .quickly {
	position: absolute; right: 0; top: 0; width: 196px;
}
.banner-main .menu-mob .quickly a {
	display: block; background: #f06060; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-decoration: none; text-align: center;border-radius: 4px;
}
/* end banner */


/* service
------------------------------------------------ */
.service-item {
	position: relative; width: 378px; padding-bottom: 140px; box-shadow: 0 1px 7px rgba(0,0,0,.19); text-align: center;
}
.service-item .icon {
	display: table-cell; width: 999px; height: 110px; vertical-align: middle; text-align: center;
}
.service-item .title {
	margin-bottom: 17px; font-size: 20px; color: #4e5355;
}
.service-item .info {
	margin-bottom: 25px;
}
.service-item .info .inner {
	position: relative; border: 1px solid #e6e7e8; border-radius: 4px; display: inline-block; vertical-align: top;
}
.service-item .info .inner:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.service-item .info .inner > * {
	float: left; border-left: 1px solid #e6e7e8; padding: 0 10px; height: 31px; line-height: 31px; font-size: 14px; font-weight: 700; color: #4e5355;
}
.service-item .info .inner > *:first-child {
	border-left: 0;
}
.service-item .text {
	margin: 0 30px; line-height: 24px;
}
.service-item .bt {
	position: absolute; left: 0; right: 0; bottom: 25px;
}
.service-item .bt a {
	width: 196px;
}

.service-main {
	padding-bottom: 51px;
}
.service-main .list {
	position: relative; margin-top: 35px;
}
.service-main .content {
	position: relative;
}
.service-main .content:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.service-main .service-item {
	margin: 0 33px 33px 0; float: left;
}
.service-main .service-item:nth-child(3n+3) {
	margin-right: 0;
}
.service-main .arr-l, 
.service-main .arr-r {
	display: none !important; width: 42px; height: 140px; cursor: pointer; background: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 1px 7px rgba(0,0,0,.19); position: absolute; left: 0; top: 50%; margin-top: -70px;
}
.service-main .arr-r {
	left: auto; right: 0; border-radius: 4px 0 0 4px;
}
.service-main .arr-l:after, 
.service-main .arr-r:after {
	display: block; content: ''; background: url(/i/sprite.png) -430px -36px no-repeat; width: 13px; height: 23px; position: absolute; left: 11px; top: 50%; margin-top: -12px;
}
.service-main .arr-r:after {
	background-position: -446px -36px; left: 18px;
}

.service-list {
	position: relative;
}
.service-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.service-list .service-item {
	margin: 0 33px 33px 0; float: left;
}
.service-list .service-item:nth-child(3n+3) {
	margin-right: 0;
}
/* end service */


/* slider
------------------------------------------------ */
.slider-prs {
	position: relative; min-width: 320px; padding: 50px 0 0; background: #f4f4f4;
}
.slider-prs .slider {
	position: relative;
}
.slider-prs .list {
	position: relative; max-width: 1200px; margin: auto;
}
.slider-prs .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.slider-prs .item {
	position: relative; width: 386px; float: left; padding-bottom: 20px; margin: 38px 7px 125px; text-align: center;
}
.slider-prs .item:hover {
	background: #fff; box-shadow: 0 1px 7px rgba(0,0,0,.19);
}
.slider-prs .item .icon {
	display: table-cell; width: 999px; height: 230px; vertical-align: middle; text-align: center;
}
.slider-prs .item .title {
	margin-bottom: 15px; font-size: 20px; color: #4e5355;
}
.slider-prs .item .text {
	margin: 0 27px;
}
.slider-prs .arr-l, 
.slider-prs .arr-r {
	width: 42px; height: 142px; cursor: pointer; background: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 1px 7px rgba(0,0,0,.19); position: absolute; left: 0; top: 156px;
}
.slider-prs .arr-r {
	left: auto; right: 0; border-radius: 4px 0 0 4px;
}
.slider-prs .arr-l:after, 
.slider-prs .arr-r:after {
	display: block; content: ''; background: url(/i/sprite.png) -150px -0px no-repeat; width: 13px; height: 23px; position: absolute; left: 11px; top: 50%; margin-top: -12px;
}
.slider-prs .arr-r:after {
	background-position: -170px 0; left: 18px;
}
.slider-prs .page {
	position: absolute; left: 0; right: 0; bottom: 61px; height: 12px; z-index: 10; text-align: center;
}
.slider-prs .page li {
	position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; box-sizing: border-box; border-radius: 7px; background: #c8c8c8;
}
.slider-prs .page li:hover {
	background: #a5a5a5;
}
.slider-prs .page li.slick-active {
	background: none; border: 2px solid #66a3c6;
}
.slider-prs .page li * {
	display: none;
}
/* end slider */

/* news
------------------------------------------------ */
.news-item {
	position: relative; width: 380px; padding-left: 70px; box-sizing: border-box;
}
.news-item .date {
	width: 50px; padding: 2px 0 4px; background: #79b4dd; border-top: 6px solid #4785b0; border-radius: 4px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; font-weight: 700; font-size: 16px; line-height: 1;
}
.news-item .date span {
	display: block; font-size: 25px;
}
.news-item .text {
	line-height: 24px;
}
.news-item .more {
	margin-top: 20px; font-size: 16px;
}
.news-item .more a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none;
}
.news-item .more a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 5px;
}

.news-main {
	position: relative; min-width: 320px; padding: 40px 0 40px; background: #f4f4f4;
}
.news-main .list {
	position: relative;
}
.news-main .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.news-main .news-item {
	margin: 60px 30px 0 0; float: left;
}
.news-main .news-item:nth-child(3n+3) {
	margin-right: 0;
}
.news-main .all {
	margin-top: 80px; text-align: center;
}
.news-main .all a {
	width: 196px;
}

.news-list {
	position: relative;
}
.news-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.news-list .news-item {
	float: left; margin: 0 30px 90px 0;
}
.news-list .news-item:nth-child(3n+3) {
	margin-right: 0;
}
.news-list .news-item:nth-child(3n+4) {
	clear: both;
}

.news-pg {
	position: relative;
}
.news-pg:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}

.news-view {
	position: relative; float: left; margin-right: -285px; width: 100%;
}
.news-view .content {
	margin-right: 285px; padding-right: 70px;
}
.news-view .title {
	margin-bottom: 27px; font-size: 28px; color: #4e5355; font-weight: 400; line-height: 1;
}
.news-view .dv {
	position: relative; margin-bottom: 35px;
}
.news-view .dv:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.news-view .date {
	float: left; padding: 0 15px; height: 32px; line-height: 32px; background: #79b4dd; border-left: 6px solid #4785b0; border-radius: 4px; font-size: 16px; font-weight: 700; color: #fff;
}
.news-view .view {
	position: relative; padding-left: 28px; float: right; line-height: 32px; font-size: 15px; color: #2d6a95;
}
.news-view .view:after {
	display: block; content: ''; background: url(/i/sprite.png) -0px -30px no-repeat; width: 20px; height: 13px; position: absolute; left: 0px; top: 9px;
}
.news-view .text-box {
	margin-bottom: 70px;
}
.news-view .share {
	margin-bottom: 60px; text-align: right;
}
.news-view .share .level {
	display: inline-block; vertical-align: middle; margin-right: 25px;
}
.news-view .share .value {
	display: inline-block; vertical-align: middle;
}
.news-view .share .value:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.news-view .share a {
	display: block; margin-right: 15px; float: left; text-decoration: none;
}
.news-view .share a:last-child {
	margin-right: 0;
}
.news-view .share a:before {
	display: inline-block; vertical-align: middle; content: ''; background: url(/i/sprite.png) -300px 0 no-repeat; width: 10px; height: 17px;
}
.news-view .share a.fb:hover:before {
	background-position: -300px -20px;
}
.news-view .share a.tw:before {
	width: 22px; height: 16px; background-position: -314px 0;
}
.news-view .share a.tw:hover:before {
	background-position: -314px -20px;
}
.news-view .share a.gp:before {
	width: 26px; height: 17px; background-position: -340px 0;
}
.news-view .share a.gp:hover:before {
	background-position: -340px -20px;
}
.news-view .share a.vk:before {
	width: 13px; height: 15px; background-position: -370px 0;
}
.news-view .share a.vk:hover:before {
	background-position: -370px -20px;
}
.news-view .share a span {
	display: inline-block; vertical-align: middle; margin-left: 8px; min-width: 32px; padding: 0 7px; height: 17px; line-height: 17px; background: #ededed; border-radius: 10px; box-sizing: border-box; font-size: 11px; font-weight: 700; color: #949494; text-align: center;
}
.news-view .share a:hover span {
	color: #595959;
}
.news-view .back {
	
}
.news-view .back a {
	position: relative; padding: 0 30px 0 54px;
}
.news-view .back a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -14px no-repeat; width: 17px; height: 11px; position: absolute; left: 20px; top: 50%; margin-top: -5.5px;
}
.news-view .back a:hover:after {
	background-position: -240px -28px;
}

.news-other {
	position: relative; width: 285px; float: right;
}
.news-other .subtitle {
	margin-bottom: 40px; font-size: 22px; color: #4e5355; font-weight: 400; line-height: 1;
}
.news-other ul {
	
}
.news-other li {
	margin-top: 45px;
}
.news-other li:first-child {
	margin-top: 0;
}
.news-other li .date {
	display: inline-block; vertical-align: top; margin-bottom: 17px; padding: 0 15px; height: 32px; line-height: 32px; background: #79b4dd; border-left: 6px solid #4785b0; border-radius: 4px; font-size: 16px; font-weight: 700; color: #fff;
}
.news-other li .title {
	margin-bottom: 17px; color: #4e5355; font-weight: 700;
}
.news-other li .text {
	margin-bottom: 17px; line-height: 24px;
}
.news-other li .more {
	
}
.news-other li .more a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none;
}
.news-other li .more a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 5px;
}
/* end news */


/* blog
------------------------------------------------ */
.blog-item {
	padding: 0 0 25px; width: 378px; box-shadow: 0 1px 7px rgba(0,0,0,.19);
}
.blog-item .inner {
	padding: 0 38px;
}
.blog-item .inner a {
	line-height: 1.4em;
	color: #3b7097;
	text-decoration: none;
}
	.blog-item .inner a:hover {
		text-decoration: underline;
	}
.blog-item .date {
	margin-bottom: 15px; font-size: 14px; font-weight: 700;
}
.blog-item .title {
	margin-bottom: 15px; font-weight: 700; color: #4e5355; font-size: 16px;
}
.blog-item .text {
	line-height: 24px;
	text-align: justify;
	font-size: 15px;
}
.blog-item .more {
	margin-top: 15px;
}
.blog-item .more a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none;
}
.blog-item .more a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 5px;
}

.blog-main {
	margin-top: 40px; margin-bottom: 40px;
}
.blog-main .list {
	position: relative;
}
.blog-main .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.blog-main .blog-item {
	margin: 43px 33px 0 0; float: left;
}
.blog-main .blog-item:nth-child(3n+3) {
	margin-right: 0;
}
.blog-main .all {
	margin-top: 45px; text-align: center;
}
.blog-main .all a {
	width: 196px;
}

.blog-list {
	position: relative; margin-bottom: 37px;
}
.blog-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.blog-list .blog-item {
	margin: 0 33px 33px 0; float: left;
}
.blog-list .blog-item:nth-child(3n+3) {
	margin-right: 0;
}

.blog-pg {
	position: relative;
}
.blog-pg:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.blog-view {
	float: left; margin-right: -285px; width: 100%;
}
.blog-view .content {
	margin-right: 285px; padding-right: 70px;
}
.blog-view .title {
	margin-bottom: 35px; font-size: 28px; color: #4e5355; font-weight: 400; line-height: 1;
}
.blog-view .date {
	margin-bottom: 35px; font-size: 14px; font-weight: 700;
}
.blog-view .text-box {
	margin-bottom: 70px;
}

.blog-view .back a {
	position: relative; padding: 0 30px 0 54px;
}
.blog-view .back a:after {
	display: block; content: ''; background: url(../i/sprite.png) -240px -14px no-repeat; width: 17px; height: 11px; position: absolute; left: 20px; top: 50%; margin-top: -5.5px;
}
.blog-view .back a:hover:after {
	background-position: -240px -28px;
}
.blog-other {
	width: 285px;
	float: right;
	box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
	padding: 20px 20px 15px 20px;
	box-sizing: border-box;
	position: relative;
}
.triangle {
    position: absolute;
    right: 0;
    top: 0;
    border: 15px solid transparent;
    border-top: 15px solid #79b4dd;
    border-right: 15px solid #79b4dd;
}
.blog-other .subtitle {
	margin-bottom: 20px; font-size: 22px; color: #000; font-weight: 400; line-height: 1;
}
.blog-other:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.blog-other__pub li{
	border-top: 1px solid #e6e7e8;
}
.blog-other li {
	margin: 10px 0;
}
.blog-other li:first-child {
	margin-top: 0;
}
.blog-other li .date {
	margin-bottom: 15px; font-size: 14px; font-weight: 700;
}
.blog-other li .title {
	margin: 8px 0; font-weight: 700; color: #444; font-size: 16px; line-height: 22px;
}
.blog-other li .text {
	margin-bottom: 5px; line-height: 24px; color: #666; font-size: 14px;
}

.blog-other li .more a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none; font-size: 16px;
}
.blog-other li .more a:hover {
	text-decoration: underline;
}
.blog-other li .more a:after {
	display: block; content: ''; background: url(../i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 3px;
}
.blog-other li:last-child .more a:after {
	top: 22px;
}
.blog-img {
	background: linear-gradient(45deg, #f1fafd 19%, #60cfed 85%);
	text-align: center;
	margin-bottom: 20px;
}
blockquote.quote,
blockquote.note,
blockquote.interesting {
	background: #fff;
	border: 1px solid #98cbe9;
	color: #000;
	display: block;
	position: relative;
	padding: 30px 65px;
}

blockquote.quote:before,
blockquote.quote:after,
blockquote.note:before,
blockquote.interesting:before {
    content: "";
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-color: #fff;
}
blockquote.quote:before {
	bottom: -1px;
	left: -1px;
	background-image: url("/i/publications/quote.svg");
	transform:scale(-1, -1);
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}
blockquote.quote:after {
	top: -1px;
	right: -1px;
	background-image: url("/i/publications/quote.svg");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}

blockquote.note:before {
	top: -1px;
	left: -1px;
	background-image: url("/i/publications/feather.svg");
	transform: scale(-1, 1);
	background-size: 45px 45px;
	width: 45px;
	height: 45px;
}

blockquote.interesting:before {
	top: -1px;
	left: -1px;
	background-image: url("/i/publications/idea.svg");
	background-size: 45px 45px;
	width: 45px;
	height: 45px;
}


/* inform
------------------------------------------------ */
.inform-about-main {
	position: relative; min-width: 320px; padding: 40px 0 40px; background: #f4f4f4;
}
.inform-about-main .intro {
	position: relative; max-width: 920px; margin: 30px auto 0; font-size: 18px; line-height: 24px; text-align: center;
}
.inform-about-main .list {
	position: relative; line-height: 24px; margin-top: 30px;
}
.inform-about-main .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-about-main .list ul {
	width: 48%; float: right;
}
.inform-about-main .list ul:first-child {
	float: left;
}
.inform-about-main .list li {
	position: relative; padding-left: 60px; margin-top: 25px;
}
.inform-about-main .list li:after {
	display: block; content: ''; background: url(/i/sprite.png) -260px -0px no-repeat; width: 35px; height: 23px; position: absolute; left: 0px; top: 0px;
}
.inform-about-main .bt {
	margin-top: 60px; text-align: center;
}
.inform-about-main .bt a {
	width: 196px; margin: 0 16px;
}

.inform-box {
	margin-top: 40px; margin-bottom: 40px; max-width: 1120px;
}
.inform-box .intro {
	position: relative; max-width: 1060px; margin: 25px auto 0; font-size: 18px; line-height: 24px; text-align: center;
}
.inform-box .list {
	position: relative; line-height: 24px; margin-top: 30px;
}
.inform-box .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-box .item {
	float: right; width: 45%;
}
.inform-box .item:first-child {
	float: left;
}
.inform-box li {
	margin-top: 25px;
}
.inform-box .sign {
	border-top: 1px solid #e5eaea; margin-top: 35px; padding-top: 27px; font-size: 15px; line-height: 18px; color: #b6bbbd;
}

.inform-msk {
	margin-top: 35px;
}
.inform-msk .title,
.inform-vlg .title,
.inform-ur .title {
	position: relative; margin-bottom: 30px; padding-left: 56px; font-size: 22px; color: #4e5355; font-weight: 400; line-height: 1;
}
.inform-msk .title:after {
	display: block; content: ''; background: url(/i/sprite.png) -390px -0px no-repeat; width: 34px; height: 40px; position: absolute; left: 0px; top: -8px;
}.inform-vlg .title:after {
	display: block; content: ''; background: url(/i/Volgograd_city.svg); width: 34px; height: 40px; position: absolute; left: 0px; top: -8px;
}

.inform-contacts {
	position: relative;
}
.inform-contacts:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-contacts .item {
	width: 42%; float: left; margin: 0 8% 35px 0;
}
.inform-contacts .item {
	
}
.inform-contacts .item:nth-child(2n+3) {
	clear: both;
}
.inform-contacts .item .name {
	margin-bottom: 15px; font-size: 20px; color: #4e5355;
}
.inform-contacts .item .text-box {
	
}

.inform-guar {
	position: relative; margin-top: 35px;
}
.inform-guar ul {
	width: 47%; float: right; line-height: 24px;
}
.inform-guar ul:first-child {
	float: left;
}
.inform-guar li {
	position: relative; padding-left: 60px; margin-top: 25px;
}
.inform-guar li:first-child {
	margin-top: 0;
}
.inform-guar li span {
	display: block; position: absolute; left: 0; top: 0; width: 36px; height: 36px; line-height: 36px; border: 2px solid #79b4dd; border-radius: 20px; font-size: 18px; color: #79b4dd; text-align: center;
}
.inform-guar .bt {
	margin-top: 50px; text-align: center;
}
.inform-guar .bt a {
	display: inline-block;border: 2px solid #a8d4ee; vertical-align: top; width: 290px; height: 57px; line-height: 57px; background: #fff; border-radius: 4px; font-size: 18px; font-weight: 700; color: #4785b0; text-decoration: none;
}

.inform-consl {

}
.inform-consl .subtitle {
	font-size: 22px; color: #4e5355; line-height: 1; font-weight: 400;
}
.inform-consl .intro {
	margin-top: 25px;
}
.inform-consl ul {
	position: relative;
}
.inform-consl ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-consl ul li {
	position: relative; padding: 0 10px 0 30px; margin: 40px 0 0 0; float: left; width: 25%; box-sizing: border-box;
}
.inform-consl ul li:nth-child(4n+4) {
	margin-right: 0; padding-right: 0;
}
.inform-consl ul li:nth-child(4n+5) {
	clear: both;
}
.inform-consl ul li:after {
	display: block; content: ''; background: url(/i/sprite.png) -110px -30px no-repeat; width: 14px; height: 20px; position: absolute; left: 0px; top: 0px;
}
.inform-consl ul li.icq:after {
	width: 22px; height: 22px; background-position: -130px -30px;
}
.inform-consl ul li.whatsapp:after {
	background: url("/i/whatsapp-logo.svg");background-size: 22px 22px;width: 22px; height: 22px;
}

.inform-consl ul li .level {
	margin-bottom: 5px; color: #444;
}
.inform-consl ul li .value a{
	text-decoration: none;
}
.inform-consl ul.w2 li {
	width: 50%;
}
.inform-consl ul.w2 li:nth-child(4n+4) {
	margin-right: 0; padding-right: 10px;
}
.inform-consl ul.w2 li:nth-child(2n+2) {
	margin-right: 0; padding-right: 0;
}
.inform-consl ul.w2 li:nth-child(4n+5) {
	clear: none;
}
.inform-consl ul.w2 li:nth-child(2n+3) {
	clear: both;
}

.inform-section {
	position: relative; min-width: 320px; padding: 60px 0; background: #f4f4f4;
}
.inform-section .list {
	position: relative; max-width: 1224px; margin: auto;
}
.inform-section .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-section .item {
	background: #fff; width: 378px; float: left; margin: 10px 15px; box-shadow: 0 1px 7px rgba(0,0,0,.19);
}
.inform-section .item a {
	position: relative; overflow: hidden; display: block; height: 344px; text-decoration: none; text-align: center;
}
.inform-section .item a .icon {
	display: table-cell; width: 999px; height: 170px; vertical-align: middle; text-align: center;
}
.inform-section .item a .title {
	display: block; color: #4e5355; font-size: 20px;
}
.inform-section .item a .text {
	display: block; margin: 15px 35px 0; color: #8b9497;
}
.inform-section .page {
	position: absolute; left: 0; right: 0; bottom: 40px; height: 12px; z-index: 10; text-align: center;
}
.inform-section .page li {
	position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; box-sizing: border-box; border-radius: 7px; background: #c8c8c8;
}
.inform-section .page li:hover {
	background: #a5a5a5;
}
.inform-section .page li.slick-active {
	background: none; border: 2px solid #66a3c6;
}
.inform-section .page li * {
	display: none;
}

.inform-tbl {
	margin-top: 55px;
}
.inform-tbl .subtitle {
	margin-bottom: 35px;
}
.inform-tbl .f1 {
	width: 83%;
}
.inform-tbl .f2 {
	width: 17%;
}
.inform-tbl .f3 {
	width: 68%;
}
.inform-tbl .f4 {
	width: 17%;
}
.inform-tbl .f5 {
	width: 15%;
}
.inform-tbl .f6 {
	width: 72%;
}
.inform-tbl .f7 {
	width: 14%;
}
.inform-tbl .f8 {
	width: 14%;
}
.inform-tbl .f9 {
	width: 62%;
}
.inform-tbl .f10 {
	width: 23%;
}
.inform-tbl .f11 {
	width: 15%;
}
.inform-tbl .c1 {
	width: 58%;
}
.inform-tbl .c2 {
	width: 11%;
}
.inform-tbl .c3 {
	width: 11%;
}
.inform-tbl .c4 {
	width: 10%;
}
.inform-tbl .c5 {
	width: 10%;
}
.inform-tbl .content {
	position: relative; overflow: auto;
}
.inform-tbl .content-inner {
	position: relative;
}
.inform-tbl .head {
	display: table; width: 100%; background: #ecf6fd;
}
.inform-tbl .head > * {
	display: table-cell; height: 45px; vertical-align: middle; box-sizing: border-box;
}
.inform-tbl .head > *:first-child {
	padding-left: 15px;
}
.inform-tbl .title {
	background: #ecf6fd; margin-top: 1px; padding: 15px; color: #2d6a95;
}
.inform-tbl ul {
	line-height: 24px;
}
.inform-tbl li {
	display: table; width: 100%; border-top: 1px solid #e8f4fb;
}
.inform-tbl li:first-child {
	border-top: 0;
}
.inform-tbl li > * {
	display: table-cell; vertical-align: middle; box-sizing: border-box; padding-top: 11px; padding-bottom: 11px; padding-right: 20px;
}
.inform-tbl li > *:first-child {
	padding-left: 15px;
}
.inform-tbl li > *:last-child {
	padding-right: 0;
}
.inform-tbl li.blue > * {
	color: #2d6a95;
}
.inform-tbl .outro {
	margin-top: 40px; max-width: 900px;
}
.inform-tbl .bt {
	margin-top: 40px; text-align: center;
}
.inform-tbl .bt a {
	display: inline-block; vertical-align: top; background: #f06060; width: 292px; height: 57px; line-height: 57px; border-radius: 4px; font-size: 18px; color: #fff; font-weight: 700; text-decoration: none;
}

.inform-pay {
	margin: 25px 0 25px;
}
.inform-pay .list {
	margin-top: 25px;
}
.inform-pay .item {
	margin-top: 50px;
}
.inform-pay .item:first-child {
	margin-top: 0;
}
.inform-pay .item .subtitle {
	margin-bottom: 20px; color: #4e5355;
}
.inform-pay .item > ul {
	border-top: 1px solid #e8f4fb;
}
.inform-pay .item > ul > li {
	padding: 25px 0; border-bottom: 1px solid #e8f4fb;
}
.inform-pay .item > ul > li .logo {
	display: table-cell; vertical-align: middle; width: 205px;
}
.inform-pay .item > ul > li .text {
	display: table-cell; vertical-align: middle;
}
.inform-pay .item > ul > li .text ul li {
	margin-top: 3px;
}
.inform-pay .item > ul > li .text ul li:first-child {
	margin-top: 0;
}

.inform-steps {
	margin-top: 25px;
}
.inform-steps ol {
	margin-top: 25px; list-style-type: none; counter-reset: item; max-width: 1030px; line-height: 24px;
}
.inform-steps ol li {
	position: relative; padding: 0 0 0 66px; margin-top: 25px;
}
.inform-steps ol li:first-child {
	margin-top: 0;
}
.inform-steps ol li:before {
	content: counters(item, ".") " "; counter-increment: item; position: absolute; left: 0px; top: 50%; margin-top: -20px; width: 36px; height: 36px; line-height: 36px; border: 2px solid #79b4dd; border-radius: 100%; font-size: 18px; color: #79b4dd; text-align: center;
}

.inform-cat {
	position: relative;
}
.inform-cat:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.inform-cat .col {
	width: 32%; float: left; padding-right: 10px; box-sizing: border-box;
}
.inform-cat .col:last-child {
	padding-right: 0;
}
.inform-cat .row {
	margin-top: 25px;
}
.inform-cat .row:first-child {
	margin-top: 0;
}
.inform-cat .title {
	font-size: 22px; color: #4e5355; line-height: 1; font-weight: 400;
}
.inform-cat ul {
	line-height: 22px;
}
/*.inform-cat li {
	margin-top: 17px;
}*/
/*.inform-cat li:first-child {
	margin-top: 0;
}*/

.inform-discount {
	position: relative; border-bottom: 1px solid #e8f4fb; margin-top: 47px;
}
.inform-discount .item {
	display: table; width: 100%; border-top: 1px solid #e8f4fb; padding: 25px 0;
}
.inform-discount .item .num {
	display: table-cell; vertical-align: middle; width: 170px;
}
.inform-discount .item .num span {
	display: table-cell; width: 122px; height: 56px; border-radius: 4px; vertical-align: middle; font-size: 18px; color: #fff; font-weight: 700; text-align: center;
}
.inform-discount .item .txt {
	display: table-cell; vertical-align: middle; line-height: 24px;
}

.inform-subject {
	margin-top: 35px;
}
.inform-subject .subtitle {
	margin-bottom: 30px;
}
.inform-subject ul {
	
}
.inform-subject li {
	margin-top: 30px;
}
.inform-subject li:first-child {
	margin-top: 0;
}
.inform-subject li .icon {
	display: table-cell; vertical-align: top; width: 96px;
}
.inform-subject li .entry {
	display: table-cell; vertical-align: top;
}
.inform-subject li .title {
	margin-bottom: 15px; color: #4e5355;font-size: 16px;
}
.inform-subject li .text {
	margin-bottom: 17px; line-height: 24px;
}
.inform-subject li .detail {
	
}
.inform-subject li .detail a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none;
}
.inform-subject li .detail a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 5px;
}
/* end inform */


/* links
------------------------------------------------ */
.links-main {
	position: relative; min-width: 320px;
}
.links-main:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.links-main .item {
	width: 33.333%; height: 350px; float: left; box-sizing: border-box; background-position: center center; -webkit-background-size: cover; background-size: cover; padding: 55px 30px 0 50px; color: #fff;
}
.links-main .item .title {
	margin-bottom: 25px; font-size: 30px; font-weight: 300;
}
.links-main .item .text {
	margin-bottom: 40px; line-height: 24px;
}
.links-main .item .more {
	
}
.links-main .item .more a {
	display: block; width: 196px; height: 40px; line-height: 40px; border: 2px solid #fff; border-radius: 4px; 
	text-decoration: none; color: #fff; text-align: center;
}
.links-main .item .more a:hover {
	background: #fff; color: #c069ae;
}
/* end links */


/* comments
------------------------------------------------ */
.com-item {
	position: relative; width: 360px;
}
.com-item .rating {
	position: relative; background: url(/i/cs-star.png) no-repeat; width: 208px; height: 34px; margin-bottom: 20px; overflow: hidden;
}
.com-item .rating div {
	position: absolute; left: 0; top: 0; background: url(/i/cs-star.png) 0 -34px no-repeat; width: 0; height: 34px;
}
.com-item .text {
	margin-bottom: 30px; line-height: 24px;
}
.com-item .date {
	margin-bottom: 10px;
}
.com-item .author {
	
}
.com-item .name {
	display: inline; font-weight: 700; color: #4e5355;
}
.com-item .city {
	display: inline; margin-left: 15px;
}

.com-slider {
	margin-top: 45px; margin-bottom: 45px;
}
.com-slider .slider {
	position: relative; margin-top: 63px;
}
.com-slider .list {
	position: relative; max-width: 1200px; margin: auto;
}
.com-slider .list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.com-slider .com-item {
	float: left; margin-right: 40px;
}
.com-slider .arr-l, 
.com-slider .arr-r {
	width: 42px; height: 142px; cursor: pointer; background: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 1px 7px rgba(0,0,0,.19); position: absolute; left: 0; top: 50%; margin-top: -71px;
}
.com-slider .arr-r {
	left: auto; right: 0; border-radius: 4px 0 0 4px;
}
.com-slider .arr-l:after, 
.com-slider .arr-r:after {
	display: block; content: ''; background: url(/i/sprite.png) -150px -0px no-repeat; width: 13px; height: 23px; position: absolute; left: 11px; top: 50%; margin-top: -12px;
}
.com-slider .arr-r:after {
	background-position: -170px 0; left: 18px;
}
.com-slider .new {
	margin-top: 75px; text-align: center;
}
.com-slider .new a {
	position: relative; display: inline-block; vertical-align: top; width: 110px; height: 110px; box-sizing: border-box; border: 2px solid #a8d4ee; border-radius: 100%; padding-top: 52px; color: #4785b0; text-decoration: none; line-height: 1;
}
.com-slider .new a:before {
	display: block; content: ''; background: url(/i/sprite.png) -188px -0px no-repeat; width: 28px; height: 29px; position: absolute; left: 50%; margin-left: -14px; top: 17px;
}
.com-slider .new a span {
	display: block; width: 34px; height: 34px; border: 2px solid #a8d4ee; border-radius: 100%; background: #fff; position: absolute; left: -8px; top: 2px;
}
.com-slider .new a span:after {
	display: block; content: ''; background: url(/i/sprite.png) -220px -0px no-repeat; width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -7px;
}
.com-slider .new a:hover {
	background: #79b4dd; border-color: #79b4dd; color: #fff;
}
.com-slider .new a:hover:before {
	background-position: -188px -30px;
}
.com-slider .new a:hover span {
	background: #4785b0; border-color: #4785b0;
}
.com-slider .new a:hover span:after {
	background-position: -220px -16px;
}
.com-slider .page {
	display: none !important; position: absolute; left: 0; right: 0; bottom: 0px; height: 12px; z-index: 10; text-align: center;
}
.com-slider .page li {
	position: relative; display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 5px; cursor: pointer; box-sizing: border-box; border-radius: 7px; background: #c8c8c8;
}
.com-slider .page li:hover {
	background: #a5a5a5;
}
.com-slider .page li.slick-active {
	background: none; border: 2px solid #66a3c6;
}
.com-slider .page li * {
	display: none;
}
.com-slider .all {
	margin-top: 90px; text-align: center;
}
.com-slider .all a {
	width: 266px;
}

.com-list {
	position: relative;
}
.com-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.com-list .com-item {
	margin: 0 60px 70px 0; float: left;
}
.com-list .com-item:nth-child(3n+3) {
	margin-right: 0;
}
.com-list .com-item:nth-child(3n+4) {
	clear: both;
}

.com-bot {
	position: relative; margin-top: 20px;
}
.com-bot .lnk {
	position: absolute; left: 0; top: 0; line-height: 42px;
}
.com-bot .write {
	position: absolute; right: 0; top: 0;
}
.com-bot .write a {
	position: relative; padding: 0 22px 0 44px;
}
.com-bot .write a:after {
	display: block; content: ''; background: url(/i/sprite.png) -260px -30px no-repeat; width: 14px; height: 14px; position: absolute; left: 18px; top: 50%; margin-top: -7px;
}
.com-bot .write a:hover:after {
	background-position: -280px -30px;
}

.num-letters {
	position: absolute; right: 15px; bottom: 25px; font-size: 14px; font-weight: 700; color: #d6d8d9;
}

.com-write {

}
.com-write .intro {
	max-width: 580px; margin-bottom: 35px;
}
.com-write .form {
	max-width: 580px;
}
.com-write .item {
	margin-top: 20px;
}
.com-write .item:first-child {
	margin-top: 0;
}
.com-write .level {
	font-size: 9px; text-transform: uppercase; color: #4e5355;
}
.com-write .value {
	position: relative; margin-top: 7px;
}
.com-write .bt {
	margin-top: 33px;
}
.com-write .star {
	position: relative; background: url(/i/cs-star.png) no-repeat; width: 210px; height: 34px;
}
.com-write .star .in {
	position: absolute; left: 0; top: 0; width: 0; height: 34px; background: url(/i/cs-star.png) 0 -34px no-repeat;
}
.com-write .star a {
	display: block; width: 43px; height: 34px; position: absolute; left: 0; top: 0;
}
.com-write .star a.s-2 {
	left: 43px;
}
.com-write .star a.s-3 {
	left: 86px;
}
.com-write .star a.s-4 {
	left: 129px;
}
.com-write .star a.s-5 {
	left: 172px;
}
.com-write .code {
	padding-right: 220px;
}
.com-write .code img {
	position: absolute; right: 0; top: 0;
}
.com-write input[type=text] {
	width: 100%;
}
.com-write textarea {
	width: 100%; height: 144px;
}
.com-write button {
	width: 244px;
}
/* end comments */


/* form
------------------------------------------------ */
.form-box {
	position: relative;
}
.form-box .subtitle {
	margin-bottom: 13px; font-size: 22px; color: #4e5355; line-height: 1; font-weight: 400;
}
.form-box .subtext {
	
}
.form-box .form {
	margin-top: 35px;
}
.form-box .item {
	margin-top: 25px;
}
.form-box .inline {
	position: relative;
}
.form-box .inline:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.form-box .inline .item {
	float: left; margin-right: 26px;
}
.form-box .inline .item:last-child {
	margin-right: 0;
}
.form-box .level {
	margin-bottom: 7px; font-size: 9px; color: #4e5355; text-transform: uppercase;
}
.form-box .value {
	position: relative;
}
.form-box .help {
	margin-top: 10px; font-size: 14px;
}
.form-box .help a {
	text-decoration: none; border-bottom: 1px dashed currentColor;
}
.form-box .attach {
	position: relative;
}
.form-box .attach .file {
	width: 202px;
}
.form-box .attach .file .inner {
	position: relative; overflow: hidden;
}
.form-box .attach .file a {
	display: block; height: 45px; line-height: 45px; background: #e6f3fb; border-radius: 4px; color: #2d6a95; text-decoration: none; text-align: center;
}
.form-box .attach .file input[type=file] {
	cursor: pointer; position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em;
}
.form-box .attach .text {
	position: absolute; left: 232px; right: 0; top: 0px;
}
.form-box .attach .text span {
	display: table-cell; vertical-align: middle; height: 45px; font-size: 14px;
}
.form-box .attach .list {
	margin-top: 20px;
}
.form-box .attach .list .i {
	position: relative; padding-left: 26px; margin-top: 10px;
}
.form-box .attach .list .i:first-child {
	margin-top: 0;
}
.form-box .attach .list .i:after {
	display: block; content: ''; background: url(/i/sprite.png) -60px -30px no-repeat; width: 19px; height: 21px; position: absolute; left: 0px; top: -1px;
}
.form-box .attach .list .txt {
	display: inline-block; vertical-align: middle; color: #4e5355;
}
.form-box .attach .list .del {
	display: inline-block; vertical-align: middle; margin-left: 10px;
}
.form-box .attach .list .del a {
	display: block; width: 17px; height: 17px; background: url(/i/sprite.png) -90px -30px no-repeat;
}
.form-box .bt {
	margin-top: 34px;
}
.form-box .bt button {
	padding: 0 40px;
}
.form-box input[type=text], 
.form-box input[type=password] {
	width: 100%;
}
.form-box select, 
.form-box .ui-selectmenu-button {
	width: 100%;
}
.form-box textarea {
	width: 100%; height: 139px;
}

.form-search {
	margin-top: 55px;
}
.form-search .text {
	margin-bottom: 25px; color: #4e5355;
}
.form-search .form {
	position: relative; max-width: 756px; padding-right: 180px; box-sizing: border-box;
}
.form-search input[type=text] {
	width: 100%;
}
.form-search button {
	position: absolute; right: 0; top: 0; width: 166px;
}

.form-feedback {
	margin-top: 50px; max-width: 576px;
}

.form-data {
	margin-bottom: 90px; max-width: 576px;
}

.form-vac {
	max-width: 576px;
}

.form-search-set {
	max-width: 576px; margin-bottom: 65px;
}
/* end form */


/* order
------------------------------------------------ */
.order-info {
	margin-top: 30px;
}
.order-info .intro {
	margin-bottom: 40px;
}
.order-info .steps {
	margin-bottom: 40px;
}
.order-info .steps ol {
	margin: 35px 0 0 0; list-style-type: none; counter-reset: item;
}
.order-info .steps ol li {
	position: relative; padding: 0 0 0 50px; margin-top: 25px;
}
.order-info .steps ol li:first-child {
	margin-top: 0;
}
.order-info .steps ol li:before {
	content: counters(item, ".") " "; counter-increment: item; position: absolute; left: 0px; width: 36px; height: 36px; line-height: 36px; border: 2px solid #79b4dd; border-radius: 100%; font-size: 18px; color: #79b4dd; text-align: center;
}
.order-info .steps__ekonomy ol li:before {
	content: counters(item, ".") " "; counter-increment: item; position: absolute; left: 0px; top: 15%; margin-top: -20px; width: 36px; height: 36px; line-height: 36px; border: 2px solid #79b4dd; border-radius: 100%; font-size: 18px; color: #79b4dd; text-align: center;
}
.order-info .outro {
	margin-bottom: 44px;
}
.order-info .btn {
	text-align: center;
}
.order-info .btn a {
	width: 266px;
}

.order-form {
	position: relative; margin-top: 10px; margin-bottom: 10px;
}
.order-form .l {
	width: 48%; float: left;
}
.order-form .r {
	width: 48%; float: right;
}
.order-form .check {
	margin-top: 40px; text-align: center;
}
.order-form .check .jq-checkbox {
	margin-right: 18px;
}
.order-form .bt {
	margin-top: 35px; text-align: center;
}
.order-form .bt button {
	width: 244px;
}

.order-detail {
	margin-bottom: 40px;
}
.order-detail .subtitle {
	margin-bottom: 35px;
}
.order-detail ul {
	
}
.order-detail li {
	display: table; width: 100%; padding-top: 1px; line-height: 24px;
}
.order-detail li .level {
	display: table-cell; vertical-align: top; background: #ecf6fd; padding: 10px 20px; width: 230px; box-sizing: border-box;
}

.order-detail li .value {
	display: table-cell; vertical-align: top; padding: 10px 0 10px 20px; border-bottom: 1px solid #ecf6fd;
}

.order-detail li:first-child .value {
	border-top: 1px solid #ecf6fd;
}
.order-detail .bt {
	position: relative; margin: 47px auto 0; max-width: 430px; text-align: center;
}
.order-detail .bt a {
	position: relative; overflow: hidden; display: block; padding: 0 10px; background: #4785b0; border-radius: 4px; 
	font-size: 18px; font-weight: 700; color: #fff; text-decoration: none;
}
.order-detail .bt a span {
	display: table-cell; width: 999px; height: 57px; vertical-align: middle; text-align: center;
}
/* end order */


/* vacancy
------------------------------------------------ */
.vacancy-list {
	padding-top: 57px;
}
.vacancy-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.vacancy-list .item {
	position: relative; overflow: hidden; background: #fff; width: 378px; box-shadow: 0 1px 7px rgba(0,0,0,.19); margin: 33px 33px 0 0; padding: 0 0 135px; float: left; text-align: center;
}
.vacancy-list .item:nth-child(3n+3) {
	margin-right: 0;
}
.vacancy-list .item:nth-child(3n+4) {
	clear: both;
}
.vacancy-list .item .icon {
	display: table-cell; width: 999px; height: 150px; vertical-align: middle; text-align: center;
}
.vacancy-list .item .title {
	margin: 0 15px; font-size: 20px; color: #4e5355;
}
.vacancy-list .item .text {
	margin: 25px 15px 0; line-height: 24px;
}
.vacancy-list .item .text li {
	position: relative;
}
.vacancy-list .item .text li:after {
	
}
.vacancy-list .item .bt {
	position: absolute; left: 0; right: 0; bottom: 47px;
}
.vacancy-list .item .bt a {
	width: 236px;
}
/* end vacancy */


/* search
------------------------------------------------ */
.search-result {
	border-bottom: 1px solid #e8f4fb; margin-bottom: 50px;
}
/* end search */


/* project
------------------------------------------------ */
.project-list {
	
}
.project-list .inform-tbl {
	border-bottom: 1px solid #e8f4fb; margin-bottom: 45px;
}
.project-list .sign {
	border-top: 1px solid #e8eaeb; padding-top: 20px; margin-top: 44px; font-size: 14px; line-height: 18px;
}
.project-list .sign .inner {
	max-width: 630px;
}
.project-list .bt {
	margin-top: 60px; text-align: center;
}
.project-list .bt a {
	padding: 11px 20px; height: auto; line-height: normal;
}
/* end project */


/* offer
------------------------------------------------ */
.offer-list {
	position: relative;
}
.offer-list:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.offer-list .item {
	position: relative; padding-left: 70px; box-sizing: border-box; width: 380px; float: left; margin: 0 30px 50px 0;
}
.offer-list .item:nth-child(3n+3) {
	margin-right: 0;
}
.offer-list .item:nth-child(3n+4) {
	clear: both;
}
.offer-list .item .date {
	width: 50px; padding: 2px 0 4px; background: #79b4dd; border-top: 6px solid #4785b0; border-radius: 4px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; font-weight: 700; font-size: 16px; line-height: 1;
}
.offer-list .item .date span {
	display: block; font-size: 25px;
}
.offer-list .item .title {
	margin-bottom: 15px; font-weight: 700; color: #4e5355;font-size: 16px;
}
.offer-list .item .text {
	margin-bottom: 20px; line-height: 24px;
}
.offer-list .item .detail {
	
}
.offer-list .item .detail a {
	position: relative; padding-right: 26px; color: #4785b0; text-decoration: none;
}
.offer-list .item .detail a:after {
	display: block; content: ''; background: url(/i/sprite.png) -240px -0px no-repeat; width: 17px; height: 10px; position: absolute; right: 0px; top: 5px;
}
/* end offer */


/* step
------------------------------------------------ */
.step-1 {
	min-width: 320px; padding: 21px 0 23px; background: #1897d8; text-align: center;
}
.step-1 .tx {
	display: inline-block; vertical-align: middle; margin-right: 50px; font-size: 22px; color: #fff;
}
.step-1 .bt {
	display: inline-block; vertical-align: middle;
}
.step-1 .bt a {
	width: 200px; border-color: #fff; color: #fff;
}
.step-1 .bt a:hover {
	background: #fff; color: #1897d8;
}

.step-2 {
	min-width: 320px; padding: 35px 0 45px; background: #fff;
}
.step-2 .title-box .title {
	font-size: 22px;
}
.step-2 .intro {
	position: relative; max-width: 640px; margin: 20px auto 0; text-align: center; color: #222; line-height: 24px;
}
.step-2 ul {
	position: relative; margin-top: 55px; text-align: center;
}
.step-2 ul:before {
	display: block; content: ''; position: absolute; left: 100px; right: 100px; top: 35px; height: 5px; background: url(/i/step2-bull.png) repeat-x;
}
.step-2 ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-2 li {
	position: relative; float: left; width: 25%;
}
.step-2__help-for-studenets li {
	position: relative; float: left; width: 20%;
}
.step-2 li .icon {
	display: inline-block; vertical-align: top; background: #e6f3fb; border-radius: 40px;
}
.step-2 li .icon span {
	display: table-cell; width: 58px; height: 58px; border: 6px solid #4785b0; border-radius: 100%; vertical-align: middle; text-align: center;
}
.step-2 li .text {
	margin: 20px 5px 0; font-size: 15px; line-height: 20px; color: #222;
}
.step-2 .outro {
	margin-top: 60px; color: #222; text-align: center; line-height: 24px;
}
.step-2 .detail {
	margin-top: 40px; text-align: center;
}
.step-2 .detail a {
	width: 266px; border-color: #4785b0; color: #4785b0;
}
.step-8 .detail a {
	width: 266px; border-color: #4785b0; color: #4785b0;
}
.step-2 .detail a:hover {
	background: #4785b0; color: #fff;
}
.step-8 .detail a:hover {
	background: #4785b0; color: #fff;
}
.step-3 {
	min-width: 290px; padding: 30px 15px 33px; background: #ecf6fd;
}
.step-3 .text {
	position: relative; max-width: 890px; margin: auto; font-size: 17px; color: #2d6a95; line-height: 24px; text-align: center;
}

.step-4 {
	min-width: 320px; padding: 70px 0 71px; background: #4785b0; color: #fff;
}
.step-4 .order-form {
	margin-top: 0; margin-bottom: 0;
}
.step-4 .form-box .subtitle {
	color: #fff;
}
.step-4 .form-box .level {
	color: #fff;
}
.step-4 .form-box .help a {
	color: #fff;
}
.step-4 .form-box .ui-selectmenu-button, 
.step-4 .form-box input[type=text], 
.step-4 .form-box textarea {
	border-color: #fff;
}
.step-4 .form-box .attach .list .txt {
	color: #fff;
}
.step-4 .form-box .attach .list .i:after {
	background-position: -510px 0;
}
.step-4 .form-box .attach .list .del a {
	background-position: -510px -30px;
}
.step-4 .order-form .check .jq-checkbox {
	background: #fff;
}
.step-4 .order-form .check a {
	color: #fff;
}
.step-4 .order-form .bt button {
	background: #e6f3fb; color: #4785b0;
}

.step-5 {
	min-width: 320px; padding: 55px 0 85px; background: #6aa3cb; color: #fff;
}
.step-5 .subtitle {
	color: #fff;
}
.step-5 ul li:after {
	background-position: -534px 0;
}
.step-5 ul li.icq:after {
	background-position: -534px -24px;
}
.step-5 ul li .level {
	color: #fff;
}

.step-6 {
	min-width: 320px; padding: 35px 0 35px; background: #f4f4f4;
}
.step-6__help-for-students {
	background: #fff;
}
.step-6__help-for-students strong {
	display: block;
}
.step-6 .subtitle {
	margin-bottom: 15px; font-size: 26px; color: #4e5355; line-height: 1; font-weight: 400;
}
.step-6 .intro {
	margin-bottom: 25px;
}
.step-6 .list {
	position: relative;
}
.step-6 .list .box {
	position: relative; margin-top: 20px; line-height: 24px;
}
.step-6 .list .box:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-6 .list ul {
	width: 48%; float: right;
}
.step-6 .list ul:first-child {
	float: left;
}
.step-6 .list li {
	position: relative; padding-left: 60px; margin-top: 25px;
}
.step-6 .list li:first-child {
	margin-top: 0;
}
.step-6 .list li:after {
	display: block; content: ''; background: url(/i/sprite.png) -260px -0px no-repeat; width: 35px; height: 23px; position: absolute; left: 0px; top: 0px;
}

.step-7 {
	min-width: 320px; padding: 35px 0 35px; background: #45494f; color: #bfc9cd;
}
.step-7 .subtitle {
	margin-bottom: 25px; font-size: 26px; color: #f4f4f4; line-height: 1; font-weight: 400;
}
.step-7 .intro {
	max-width: 1000px; margin-bottom: 40px; color: #bfc9cd;
}
.step-7 ul {
	position: relative;
}
.step-7 ul:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.step-7 li {
	width: 46%; margin: 0 8% 40px 0; float: left;
}
.step-7 li:nth-child(2n+2) {
	margin-right: 0;
}
.step-7 li:nth-child(2n+3) {
	clear: both;
}
.step-7 li .top {
	height: 75px;
}
.step-7 li .icon {
	display: table-cell; vertical-align: middle; width: 80px;
}
.step-7 li .title {
	display: table-cell; vertical-align: middle; font-size: 20px; color: #fff; line-height: 26px;
}
.step-7 li .text {
	color: #bfc9cd; line-height: 24px;
}

.step-8 {
	min-width: 320px; padding: 35px 0 35px; background: #f4f4f4;
}
.step-9 {min-width: 320px; padding: 35px 0 45px;background: linear-gradient(45deg, #45494f, #4685b0);}
.step-13 {min-width: 320px; padding: 35px 0 45px;background: linear-gradient(45deg, #72add6, #ecf5fd);}
/* end step */


/* footer
------------------------------------------------ */
.site-footer {
	position: relative; min-width: 320px; padding: 0 0 75px; background: #222;
}
.site-footer .side {
	padding: 80px 10px 0 0; box-sizing: border-box; width: 34%; float: left;
}
.site-footer .logo {
	margin-bottom: 35px;
}
.site-footer .intro {
	margin-bottom: 45px; max-width: 330px; color: #888; line-height: 24px;
}
.site-footer .share {
	position: relative;
}
.site-footer .share:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .share a {
	display: block; margin-right: 15px; float: left; text-decoration: none;
}
.site-footer .share a:last-child {
	margin-right: 0;
}
.site-footer .share a:before {
	display: inline-block; vertical-align: middle; content: ''; background: url(/i/sprite.png) -300px 0 no-repeat; width: 10px; height: 17px;
}
.site-footer .share a.fb:hover:before {
	background-position: -300px -20px;
}
.site-footer .share a.tw:before {
	width: 16px; height: 16px; background: url("/i/instaHover.png");
}
.site-footer .share a.tw:hover:before {
	background: url("/i/insta.png");
}
.site-footer .share a.gp:before {
	width: 26px; height: 17px; background-position: -340px 0;
}
.site-footer .share a.gp:hover:before {
	background-position: -340px -20px;
}
.site-footer .share a.vk:before {
	width: 13px; height: 15px; background-position: -370px 0;
}
.site-footer .share a.vk:hover:before {
	background-position: -370px -20px;
}
.site-footer .share a span {
	display: inline-block; vertical-align: middle; margin-left: 8px; min-width: 32px; padding: 0 7px; height: 17px; line-height: 17px; background: #3d3d3d; border-radius: 10px; box-sizing: border-box; font-size: 11px; font-weight: 700; color: #949494; text-align: center;
}
.site-footer .share a:hover span {
	background: #fff; color: #949494;
}
.site-footer .contacts {
	float: right; width: 20%; padding-top: 85px;
}
.site-footer .contacts .title {
	margin-bottom: 30px; font-size: 18px; color: #fff;
}
.site-footer .contacts ul {
	color: #888;
}
.site-footer .contacts li {
	margin-top: 12px;
}
.site-footer .contacts li:first-child {
	margin-top: 0;
}
.site-footer .contacts li a {
	color: #b1b1b1; text-decoration: none;
}
.site-footer .contacts li a:hover {
	color: #fff;
}
.site-footer .contacts li .level {
	color: #fff;
}
.site-footer .menu {
	width: 46%; float: left; padding-top: 85px;
}
.site-footer .menu:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.site-footer .menu .bt {
	display: none; cursor: pointer; position: relative; border-radius: 4px; padding: 0 47px 0 15px; background: #4685b0; height: 37px; line-height: 37px; 
	font-size: 14px; color: #fff; text-transform: uppercase;
}
.site-footer .menu .bt:after {
	display: block; content: ''; background: url(/i/sprite.png) -560px -20px no-repeat; width: 17px; height: 15px; position: absolute; right: 16px; top: 50%; margin-top: -7.5px;
}
.site-footer .menu .item {
	width: 52%; float: left; padding-right: 10px; box-sizing: border-box;
}
.site-footer .menu .item-2 {
	width: 48%;
}
.site-footer .menu .title {
	margin-bottom: 30px; font-size: 18px; color: #fff;
}
.site-footer .menu ul {
	color: #888;
}
.site-footer .menu li {
	margin-top: 12px;
}
.site-footer .menu li:first-child {
	margin-top: 0;
}
.site-footer .menu li a {
	color: #b1b1b1; text-decoration: none;
}
.site-footer .menu li a:hover {
	color: #fff;
}
.site-footer .bot {
	position: relative; background: #272727; height: 86px; line-height: 86px; margin-top: 95px; font-size: 15px;
}
.site-footer .bot:before, 
.site-footer .bot:after {
	display: none; content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 999999px; background: #272727;
}
.site-footer .bot:after {
	right: auto; left: 100%;
}
.site-footer .copy {
	float: left; color: #888;
}
.site-footer .copy span {
	color: #474646;
}
.site-footer .magwai {
	float: right; color: #888;
}
.site-footer .pay {
	position: relative; max-width: 1100px; margin: 38px auto 0;
}
.site-footer .pay ul {
	display: table; width: 100%;
}
.site-footer .pay li {
	display: table-cell; vertical-align: middle;
}
.site-footer .pay li img {
	vertical-align: middle; max-width: 100%;
}
.site-footer .outro {
	position: relative; max-width: 970px; margin: 45px auto 0; font-size: 15px; color: #b1b1b1; line-height: 24px; text-align: center;
}
/* end footer */


/* ui-dialog
------------------------------------------------ */
.ui-dialog {
	position: absolute !important; z-index: 6002; background: #fff;
}
.ui-widget-overlay {
	background: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 6001;
}
.ui-dialog-titlebar {
	position: relative; height: 0; z-index: 5;
}
.ui-dialog-titlebar-close {
	position: absolute; right: 0; bottom: 100%; margin-bottom: 19px; background: url(/i/sprite.png) -456px 0 no-repeat !important; width: 29px; height: 29px; padding: 0; border-radius: 0;
}
/* end ui-dialog */


/* dialog form
------------------------------------------------ */
.ui-dialog-form .ui-dialog-content {
	padding: 60px 55px 80px;
}
.ui-dialog-form .form-box {
	margin-top: 40px;
}
.ui-dialog-form .form-box .bt {
	margin-top: 44px; text-align: center;
}
.ui-dialog-form .form-box .bt button {
	width: 244px; padding: 0;
}

.dialog-callback,
.dialog-city {
	display: none;
}

.dialog-login {
	display: none;
}
.dialog-login .bot {
	position: relative; margin-top: 30px;
}
.dialog-login .bot:after {
	content: ''; display: block; clear: both; visibility: hidden; height: 0;
}
.dialog-login .check {
	float: left;
}
.dialog-login .check label {
	position: relative; display: inline-block; vertical-align: top; padding-left: 44px;
}
.dialog-login .check .jq-checkbox {
	position: absolute; left: 0; top: -4px;
}
.dialog-login .lost {
	float: right;
}
.dialog-login .lost a {
	text-decoration: none;
}
.dialog-login .lost a:hover {
	text-decoration: underline;
}
/* end form */



.qtip-hint {
	display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/i/sprite.png) 0 -44px no-repeat;
}

.qtip-wrap {
	position: relative; display: inline-block; vertical-align: top; padding-right: 20px;
}
.qtip-wrap .qtip-hint {
	display: block; position: absolute; right: 0px; top: 50%; margin-top: -9px;
}

.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 14px;
	line-height: 18px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 10px 10px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	background-color: #fff;
	box-shadow: 0 2px 16px rgba(0,0,0,.19);
	color: #4e5355;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


.pages-list {
	position: fixed; left: -230px; top: 50%; margin-top: -194px; z-index: 9999999; background: #333; border: 2px solid #000; width: 240px; color: #fff; font-family: Verdana, Geneva, sans-serif;
}
.pages-list:hover {
	left: 0;
}
.pages-list .inner {
	position: relative; height: 380px; overflow: auto; border: 2px solid #fff;
}
.pages-list ol {
	position: relative; padding: 15px 15px 20px; list-style-type: none; counter-reset: item;
}
.pages-list li {
	position: relative; padding-left: 30px; margin-top: 10px;
}
.pages-list li:first-child {
	margin-top: 0;
}
.pages-list li:before {
    content: counter(item)'. '; counter-increment: item; display: block; position: absolute; left: 0; top: 0;
}
.pages-list li.active:before {
	color: #f60;
}
.pages-list li a {
	color: #fff; text-decoration: underline;
}
.pages-list li a:hover {
	text-decoration: none;
}
.pages-list li.active a {
	color: #f60;
}