/* File «reset.css» */

html{color: black; background: white;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q:before, q:after{content: '';}
abbr, acronym{border: 0; font-variant: normal;}
/* to preserve line-height and selector appearance */
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select, button {font-family: inherit; font-size: inherit; font-weight: inherit;}
/*to enable resizing for IE*/
input, textarea, select {*font-size: 100%;}
/*because legend doesn't inherit in IE */
legend {color: black;}
del, ins{text-decoration: none;}


/* File «global.css» */

html {height: 100%;}
body {font-size: 62.5%;}

body, td {color: #474747; font-family: 'Arial', 'Verdana', sans-serif;}

h1 {font-size: 55px; margin: 30px 0 25px -1px; letter-spacing: -0.04em; line-height: 80%;}
h2 {font-size: 19px; margin: 25px 0 10px 0; letter-spacing: -0.04em; line-height: 110%;}
h3 {font-size: 18px; margin: 25px 0 10px 0;}
h4 {font-size: 15px; margin: 25px 0 10px 0;}
h5 {font-size: 13px; text-transform: uppercase; margin: 0 0 10px 0;}
p, ul, ol, dl, code, blockquote {font-size: 14px; line-height: 140%; margin: 0 0 16px 0; display: block;}

blockquote {font-style: italic; margin-bottom: 5px;}
p.author {font-size: 12px; color: #999;}

/*a:link {color: #3A6A9F;}
a:visited {color: #3A6A9F;}
a:hover {color: #4783C6 !important;}*/

a:link {color: #006699;}
a:visited {color: #3A6A9F;}
a:hover {color: #4783C6 !important;}

a.local {text-decoration: none; border-bottom: 1px dotted #006699;}
a.local:visited {border-bottom: 1px dotted #3A6A9F;}
a.local:hover {border-bottom: 1px dotted #4783C6;}
a.popup-window {background: url('/images/ico-popup.png') no-repeat left center; padding-left: 15px;}

/*a.external:after {content: ''; display: inline-block; margin-left: 5px; width: 10px; height: 12px; background: url('/images/external.gif') no-repeat 0 0;}*/
/*a.external:hover:after {background-position: 0 -12px;}*/

.help, acronym {cursor: help; border-bottom: 1px dotted #333;}

address {font-size: 13px; line-height: 140%; color: #888; margin-bottom: 16px;}

.clearfix, .g-clearfix , .g-cfx{display: inline-block; clear: both;} /* Hides from IE-mac */
.clearfix, .g-clearfix, .g-cfx {display: block;}
.clearfix:after, .g-clearfix:after, .g-cfx:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* End hide from IE-mac */

.nowrap {white-space: nowrap;}

/*.g-br1-blue {border-right: 1px solid #066FB3;}*/
/*.g-br2-blue {border-right: 2px solid #066FB3;}*/
/*.g-bl1-blue {border-left: 1px solid #066FB3;}*/
/*.g-bl2-blue {border-left: 2px solid #066FB3;}*/

.g-left {float: left;}
.g-right {float: right;}
.g-bold {font-weight: bold;}

sup {font-size: 0.7em; position: relative; top: -2px; left: 2px;}
strong {font-weight: bold;}
em {font-style: italic;}
.comment {color: #666; font-size: 12px; font-style: italic;}
.comments {color: #918F71; margin-left: 40px;}
.comments p {font-size: 11px; position: relative; line-height: 120%; margin-bottom: 10px;}
.comments p .fnote {font-size: 0.7em; left: -55px; position: absolute; text-align: right; top: -5px; width: 50px;}

.hint {background: url('/images/hint-ico.png') no-repeat right center; cursor: help; padding-right: 15px;}
.tooltip {border: 1px solid #669900; padding: 5px 10px; background-color: #D6E9CC; font-size: 11px; color: #416A00;}

/*td .comment, th .comment, li .comment, p comment {font-size: 12px;}*/

/* Debug classes */
.b {border: 1px solid red;}
.bg-red {background-color: #e99;}
.bg-green {background-color: #9e9;}
.bg-blue {background-color: #99e;}
.bg-gray {background-color: #ccc;}
.bg-dgray {background-color: #777;}
.bg-yellow {background-color: #ee9;}
.bg-orange {background-color: #e93;}
.bg-pink {background-color: #9F3861;}


pre {font-size: 14px; line-height: 120%; font-family: monospace; padding: 30px;}


/* File «layout.css» */

body {min-width: 980px;}
.wrap-container {padding: 0 40px; min-width: 900px;}
.wrap-container .wrap-content {min-width: 900px; max-width: 1300px; margin: 0 auto; position: relative;}

/*.col-first, .col-wrapper, .col-second {position: relative !important;}*/
.col-first {position: relative !important;}

.cols-with-z-index .col-first {z-index: 10;}
.cols-with-z-index .col-wrapper {z-index: 8;}
.cols-with-z-index .col-second {z-index: 9;}

.padder {padding: 0 40px;}
.padder-left {padding: 0 0 0 40px;}
.col-second .padder {padding-left: 0;}

/* 70%, 30% */
.cols-70-30 .col-first {float: left; width: 70%;}
.cols-70-30 .col-wrapper {float: right; width: 100%; margin: 0 0 0 -70%;}
.cols-70-30 .col-wrapper .col-second {margin: 0 0 0 70%;}

/* 50%, 50% */
.cols-50-50 .col-first {float: left; width: 50%;}
.cols-50-50 .col-wrapper {float: right; width: 100%; margin: 0 0 0 -50%;}
.cols-50-50 .col-wrapper .col-second {margin: 0 0 0 50%;}


/* File «margins.css» */

/* Margins */
.g-mt0 {margin-top		: 0		!important;}
.g-mth {margin-top		: 5px	!important;}
.g-mt1 {margin-top		: 10px	!important;}
.g-mt2 {margin-top		: 20px	!important;}
.g-mt3 {margin-top		: 30px	!important;}
.g-mt5 {margin-top		: 50px	!important;}

.g-mr0 {margin-right	: 0		!important;}
.g-mrh {margin-right	: 5px	!important;}
.g-mr1 {margin-right	: 10px	!important;}
.g-mr2 {margin-right	: 20px	!important;}
.g-mr5 {margin-right	: 50px	!important;}

.g-mb0 {margin-bottom	: 0		!important;}
.g-mbh {margin-bottom	: 5px	!important;}
.g-mb1 {margin-bottom	: 10px	!important;}
.g-mb2 {margin-bottom	: 20px	!important;}
.g-mb3 {margin-bottom	: 30px	!important;}
.g-mb5 {margin-bottom	: 50px	!important;}

.g-ml0 {margin-left		: 0		!important;}
.g-mlh {margin-left		: 5px	!important;}
.g-ml1 {margin-left		: 10px	!important;}
.g-ml2 {margin-left		: 20px	!important;}

/* Paddings */
.g-pt0 {padding-top		: 0		!important;}
.g-pth {padding-top		: 5px	!important;}
.g-pt1 {padding-top		: 10px	!important;}
.g-pt2 {padding-top		: 20px	!important;}

.g-pr0 {padding-right	: 0		!important;}
.g-prh {padding-right	: 5px	!important;}
.g-pr1 {padding-right	: 10px	!important;}
.g-pr2 {padding-right	: 20px	!important;}

.g-pb0 {padding-bottom	: 0		!important;}
.g-pbh {padding-bottom	: 5px	!important;}
.g-pb1 {padding-bottom	: 10px	!important;}
.g-pb2 {padding-bottom	: 20px	!important;}

.g-pl0 {padding-left	: 0		!important;}
.g-plh {padding-left	: 5px	!important;}
.g-pl1 {padding-left	: 10px	!important;}
.g-pl2 {padding-left	: 20px	!important;}


/* File «fonts.css» */

/* font sizes */
/* ...-alt - if text into .f-normal block */
.f-10		{font-size: 10px !important;}
.f-11		{font-size: 11px !important;}
.f-12,
.f-small	{font-size: 12px !important;}
p.f-small	{margin-bottom: 16px;}
.f-13		{font-size: 13px !important;}
.f-14,
.f-normal	{font-size: 14px !important;}
.f-16		{font-size: 16px !important;}
.f-17		{font-size: 17px !important;}
.f-18		{font-size: 18px !important;}
.f-20,
.f-big		{font-size: 20px !important;}

/* font styles */
.f-bold		{font-weight: bold	!important;}
.f-italic	{font-style: italic	!important;}
.f-light	{color: gray		!important; font-weight: normal;}
.f-slight	{color: #bbb		!important;}
.f-white	{color: white		!important;}
.f-green	{color: #309000		!important;}
.f-green-2	{color: #1DA03A		!important;}
.f-dark		{color: #666666		!important;}
.f-pink		{color: #ff6699		!important;}
.f-red		{color: #cc0000		!important;}

/* font line-heights */
.f-lh-100	{line-height: 100% !important;}
.f-lh-110	{line-height: 110% !important;}
.f-lh-120	{line-height: 120% !important;}
.f-lh-140	{line-height: 140% !important;}

.t-left		{text-align: left;}
.t-right	{text-align: right;}
.t-center	{text-align: center;}
.t-justify	{text-align: justify;}


/* File «lists.css» */

.content ul, ul.list {margin-left: 30px; list-style-type: none; //list-style-image: url('/images/li.gif');}
.content li, ul.list li {margin: 0 0 0.5em 1.3em;}
.content ul li, ul.list li {padding: 0; behavior: expression(( !this.before && parentNode && parentNode.tagName == 'UL' )?( this.before = true )& ( parentNode.style.listStyleImage = 'none' )& (( this.firstChild && this.firstChild.firstChild )?( this.firstChild.style.marginTop = '-1.2em' )& ( this.firstChild.style.position = 'relative' ): '')& ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.75em; left: -1.75em; margin: 0 -1.25em -1.45em 0; color: #BBBBBB;" />' ) )& ( eNOBR.innerHTML = '&mdash;&nbsp;' )& ( this.insertBefore( eNOBR, this.firstChild ) ): '');}
.content ul>li:before, ul.list>li:before {content: '\2014\a0'; float: left; margin-left: -1.75em; color: #bbb;}
.content ul>li>*:first-child:-moz-first-node, ul.list>li>*:first-child:-moz-first-node {margin-top: -1.2em;}
.content ul>li>*, ul.list>li>* {text-indent: 0;}

.ddlist-body ul>li:before, .ddlist-body ul.list>li:before {color: #769FB3;}

/* numbered lists */
ol {margin-left: 3em;}
ol li {margin-bottom: 0.72em; margin-top: 0.72em; margin-left: 3.5em;}
ol li .counter {position: absolute; margin-left: -3.5em;}
ol ol li {margin-left: 0;}
ol li ul.list li {margin: 0 0 0 1.3em !important;}

ol.type-2 li {list-style: decimal; margin: 0 0 0.72em 2.5em;}
ol.type-2 ul li {list-style: none; margin: 0 0 0 1.3em;}

ol.type-3 li {list-style: decimal; margin: 0 0 0.1em 2.5em;}
ol.type-3 ul li {list-style: none; margin: 0 0 0 1.3em;}

.content .sup, ul.list sup {position: relative; top: -0.5em; line-height: 0; vertical-align: baseline; font-size: 0.75em; //font-size: 0.89em;}


/* File «structure.css» */

.wrap-container {height: 100%; background: url('/images/header-bg.png') repeat-x left top;}
body {min-height: 1170px; background: #ffffff url('/images/footer-bg.png') repeat-x left bottom;}

.header {position: relative; z-index: 20; padding: 40px 0 15px;}
.header .logo {text-align: right; margin: 0; padding: 50px 3px 0 80px; height: 16px; width: 218px; background: url('/images/logo-pskb.png') no-repeat; color: #5D5D5D; font-size: 1.2em;}
.header .logo a {margin: -50px 0 0 -80px; padding: 50px 3px 0 80px; height: 16px; width: 218px; display: block; outline: 0 none; color: #5D5D5D !important; text-decoration: none;}

.header .phones {margin-left: 100px;}
.header .phone {font-size: 28px; color: #666; letter-spacing: -0.04em; position: relative; line-height: 100%; margin: 6px 0 3px;}
.header .phone .code {color: #666; font-size: 14px; position: absolute; width: 10em; left: -10.3em; text-align: right; top: 0.1em; line-height: 1em; height: 1em;}
.header .comment {margin: 0;}

a.selector {color: #309000; text-decoration: none; border-bottom: 1px dotted #309000; outline: 0 none; background: url('/images/selector-pic.png') no-repeat right center; padding-right: 15px;}
a.selector:hover {color: #107000 !important;}
.selector-container {position: relative; font-size: 17px; margin: 0 0 8px 100px;}
.selector-container .selector-items {display: none; margin: -10px 0 0 -50px; padding: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 500;}
.selector-container .selector-items .info {font-size: 12px; color: #918F71; line-height: 110%; display: block; margin-bottom: 12px; font-style: italic;}
.selector-container .selector-items .close {display: block; position: absolute; text-indent: -50000px; width: 16px; height: 16px; background: url('/images/popup-close.png') no-repeat; top: 15px; right: 15px; cursor: pointer;}
.selector-container .selector-items .cell {display: block; position: relative; overflow: hidden; margin-bottom: 30px;}
.selector-container .selector-items .cn {display: block; background: url('/images/popup-corner.png') no-repeat; height: 60px; left: -30px; position: absolute; top: -30px; width: 60px;}
.selector-container .selector-items .cn.tr, .selector-container .selector-items .cn.br {margin-left: 100%;}
.selector-container .selector-items .cn.bl, .selector-container .selector-items .cn.br {top: auto; bottom: -30px;}
.selector-container .selector-items .cn.tl, .selector-container .selector-items .cn.bl {width: 100%;}
.selector-container .selector-items .cn.tr, .selector-container .selector-items .cn.tl {height: 500px;}

.selector-container .selector-items .container {display: block; padding: 40px 40px 10px; position: relative; z-index: 110;}

.selector-container .selector-items .container .item {padding: 5px 0;}
.selector-container .selector-items .container td {vertical-align: top;}

.selector-container .selector-items .container a {margin-bottom: 10px; font-size: 14px; color: #309000; text-decoration: none; border-bottom: 1px dotted #309000; line-height: 100%; white-space: nowrap;}
.selector-container .selector-items .container a:hover {color: #107000 !important;}

.selector-container .selector-items .container .filial {font-weight: bold;}
.selector-container .selector-items .container .filial a {color: #918F71; border-bottom-color: #918F71;}
.selector-container .selector-items .container .filial a:hover {color: #686651 !important;}

.shadow {margin: 0; padding: 0; overflow: hidden; position: relative;}
.shadow .cell {display: block; position: relative; overflow: hidden; margin-bottom: 30px;}
.shadow .cn {display: block; background: url('/images/popup-corner.png') no-repeat; height: 60px; left: -30px; position: absolute; top: -30px; width: 60px;}
.shadow .cn.tr, .shadow .cn.br {margin-left: 100%;}
.shadow .cn.bl, .shadow .cn.br {top: auto; bottom: -30px;}
.shadow .cn.tl, .shadow .cn.bl {width: 100%;}
.shadow .cn.tr, .shadow .cn.tl {height: 600px;}
.shadow .container {display: block; padding: 40px 40px 10px; position: relative; z-index: 110;}


.nav-top {margin: 30px 0 10px; font-size: 14px;}
.nav-top li {float: left; white-space: nowrap; margin: 0 20px 10px 0;}
.nav-top li.g-current a {color: #666; text-decoration: none;}
.nav-top li.g-current a:hover {color: #888 !important;}
.nav-top li.nav-item-success-stories {margin-right: 30px}
.nav-top li.nav-item-overdraft {margin: -3px 10px 6px -10px; padding: 3px 0 3px; overflow: hidden; position: relative;}
.nav-top li.nav-item-overdraft a {display: block; background-color: #769FB3; padding: 0 10px 1px;}
.nav-top li.nav-item-overdraft .cn {background: url('/images/nav-top-corner.png') no-repeat; height: 10px; left: -5px; position: absolute; top: -5px; width: 10px;}
.nav-top li.nav-item-overdraft .cn.tr, .nav-top li.nav-item-overdraft .cn.br {margin-left: 100%;}
.nav-top li.nav-item-overdraft .cn.bl, .nav-top li.nav-item-overdraft .cn.br {top: auto; bottom: -5px;}
.nav-top li.nav-item-overdraft .cn.tl, .nav-top li.nav-item-overdraft .cn.bl {width: 100%;}
.nav-top li.nav-item-overdraft a {color: white; text-decoration: none;}
.nav-top li.nav-item-overdraft a:hover {color: #eee !important;}
.nav-top li.nav-item-overdraft.g-current a {color: #D6E2E8;}

.corner {width: 10px; position: absolute; width: 10px;}

.slogan-container {position: relative;}
.slogan-container .corner {height: 170px; top: 0;}
.slogan-container .left {left: 0; background: url('/images/slogan-corner-left.png') no-repeat 0 0;}
.slogan-container .right {right: 0; background: url('/images/slogan-corner-right.png') no-repeat 0 0;}
.slogan {background: #309000 url('/images/slogan-bg.jpg') no-repeat 70% 0; position: relative; height: 170px; z-index: 10; margin: 0 10px;}
.slogan .persona {position: absolute; left: 70%; background-repeat: no-repeat; text-indent: -50000px;}
.slogan .text {position: absolute; left: 40px; top: 40px; background-repeat: no-repeat; text-indent: -50000px;}
.slogan-girl .persona {width: 379px; height: 285px; top: -115px; margin: 0 -142px 0 -237px; background-image: url('/images/slogan-persona-girl.png');}
.slogan-girl .text {width: 406px; height: 81px; background: url('/images/slogan-text-girl.png');}
.slogan-wings .persona {width: 400px; height: 273px; top: -103px; margin: 0 -177px 0 -223px; background-image: url('/images/slogan-persona-wings.png');}
.slogan-wings .text {width: 421px; height: 83px; background: url('/images/slogan-text-wings.png');}
.slogan-car .persona {width: 356px; height: 255px; top: -85px; margin: 0 -177px 0 -223px; background-image: url('/images/slogan-persona-car.png');}
.slogan-car .text {width: 529px; height: 113px; background: url('/images/slogan-text-car.png');}
.slogan-light .persona {width: 379px; height: 295px; top: -125px; margin: 0 -189px 0 -190px; background-image: url('/images/slogan-persona-light.png');}
.slogan-light .text {width: 537px; height: 83px; background: url('/images/slogan-text-light.png');}
.slogan-fortress .persona {width: 379px; height: 292px; top: -122px; margin: 0 -189px 0 -190px; background-image: url('/images/slogan-persona-fortress.png');}
.slogan-fortress .text {width: 447px; height: 83px; background: url('/images/slogan-text-fortress.png');}
.slogan-guitar .persona {width: 379px; height: 268px; top: -98px; margin: 0 -232px 0 -147px; background-image: url('/images/slogan-persona-guitar.png');}
.slogan-guitar .text {width: 559px; height: 96px; background: url('/images/slogan-text-guitar.png');}
.slogan-santa .persona {width: 430px; height: 291px; top: -121px; margin: 0 -119px 0 -200px; background-image: url('/images/slogan-persona-santa.png');}
.slogan-santa .text {width: 508px; height: 114px; top: 30px; background: url('/images/slogan-text-santa.png');}

.nav-center-container {position: relative;}
.nav-center-container .corner {height: 100%; top: 0;}
.nav-center-container .left {left: 0; background: url('/images/nav-corner-left.png') no-repeat left bottom;}
.nav-center-container .right {right: 0; background: url('/images/nav-corner-right.png') no-repeat left bottom;}
.nav-center-container .nav-center {margin: 0 10px; background-color: #B5A687; padding: 0 30px;}
.nav-center-container table {width: 100%;}
.nav-center-container table td {text-align: left; padding: 1px 0;}
.nav-center-container .nav-item {white-space: nowrap; font-size: 20px; letter-spacing: -0.04em; margin: 25px -10px 14px; padding: 5px 10px 16px; display: block; position: relative;}
.nav-center-container .nav-item .credit {font-style: italic; color: #E2DDD0; letter-spacing: -0.03em; font-size: 14px; position: absolute; margin-top: -1.3em; margin-left: 12px;}
.nav-center-container .nav-item, .nav-center-container .nav-item a {color: #FEFDFD;}
.nav-center-container .nav-item a:hover {color: #FEFDFD !important;}
.nav-center-container .nav-item a {text-decoration: none; border-bottom: 1px solid #D3CAB8;}
.nav-center-container .g-current, .nav-center-container .g-here {background: url('/images/nav-center-current.png') no-repeat; }
.nav-center-container .g-here {background-position: bottom left;}
.nav-center-container .g-current {background-position: bottom center;}
.nav-center-container .g-current a, .nav-center-container .g-here a {border-bottom: 0 none;}
.nav-center-container .g-current .credit, .nav-center-container .g-here .credit {display: block; text-indent: -50000px; width: 100%;}
.nav-center-container p.description {display: none;}
.nav-center-container tr.description p {font-size: 15px; font-style: italic; color: white; width: 100%; margin-left: 14px;}

.content {padding: 40px 0; position: relative;}

.content .breadcrumbs {position: absolute; left: 40px; margin-top: -24px; line-height: 100%; font-size: 12px; color: #82805C;}
.content .breadcrumbs .arr {display: block; position: absolute; left: -105px; width: 100px; text-align: right;}
.content .breadcrumbs a {color: #82805C;}
.content .breadcrumbs a:hover {color: #6C6B4C !important;}

.content h1 {margin: 0 40px 30px 38px;}

.content table {border: 0 none; border-collapse: collapse; margin-bottom: 18px;}

.content table thead td, .content table thead th {font-size: 11px; padding: 8px 11px 8px 0; background-color: #B5A788; vertical-align: top; color: white;}
.content table thead .g-last td, .content table thead .g-last th {border-bottom: 0 none;}
.content table thead th {width: 25%; text-align: right; font-style: italic;}

.content table tbody td, .content table tbody th {font-size: 14px; padding: 5px 14px 5px 0; border-bottom: 1px dotted #B5A788; vertical-align: top;}
.content table tbody .g-last td, .content table tbody .g-last th {border-bottom: 0 none;}
.content table tbody th {width: 25%; color: #918F71; /*font-size: 12px; */text-align: right; font-style: italic;}

.content table .t-center th, .content table .t-center td {text-align: center;}
.content table .t-right th, .content table .t-right td {text-align: right;}
.content table th.t-right, .content table td.t-right {text-align: right; padding-right: 5px;}
.content table .th-left th {text-align: left;}
.content table.th-w-1 th {width: 1%; white-space: nowrap;}
.content table.th-w-50 th {width: 50%;}

.content .steps .step {background: url('/images/step-arrow.png') no-repeat center right; color: white; padding: 5px 15px 5px 10px; float: left; margin: -5px 10px -5px 0}

.ddlist {margin-bottom: 16px;}
.ddlist-item .ddlist-title {font-size: 17px; margin: 0 0 8px; color: #006699; display: inline-block; background: url('/images/ddlist-minus.png') no-repeat 5px 8px; padding-left: 22px;}
.ddlist-item .ddlist-title u {text-decoration: none; border-bottom: 1px dotted #006699;}
.ddlist-item .ddlist-title span {display: block; font-weight: normal; font-size: 14px; color: #999;}
.ddlist-item-opened .ddlist-title {background-image: url('/images/ddlist-minus.png') !important; text-decoration: none;}
.ddlist-item-opened .ddlist-title u {text-decoration: none; color: #5D5D5D;}
.ddlist-item-one .ddlist-title {background-image: url('/images/ddlist-one.png') !important; cursor: auto !important;}
.ddlist-item-one .ddlist-title u {text-decoration: none; color: #5D5D5D;}
.ddlist-item-opened .ddlist-body {display: block !important;}
.ddlist-inited .ddlist-item .ddlist-body {display: none;}
.ddlist-inited .ddlist-item .ddlist-title {cursor: pointer; background: url('/images/ddlist-plus.png') no-repeat 0.3em 0.45em; color: #006699;}
.ddlist-body p, .ddlist-body ul, .ddlist-body ol, .ddlist-body dl, .ddlist-body code, .ddlist-body blockquote {font-size: 13px; line-height: 130%; margin-bottom: 12px; color: #5C6C7B;}
.ddlist-body h4 {color: #5C6C7B;}



.ddlist-item .ddlist-body {margin-left: 22px; margin-top: -5px; margin-bottom: 15px}
.ddlist-item .ddlist-body .arrow {display: block; width: 20px; height: 15px; background: url('/images/ddlist-arrow.png') no-repeat; margin: 0 0 0 30px;}
.ddlist-item .ddlist-body .rounded {position: relative; overflow: hidden; z-index: 10;}
.ddlist-item .ddlist-body .rounded .cell {margin: 15px 0; padding: 0 20px; background-color: #E4ECF0;}
.ddlist-item .ddlist-body .rounded .cn{position: absolute; width: 30px; height: 30px; left: -15px; top: -15px; background: url(/images/ddlist-corner.png);}
.ddlist-item .ddlist-body .rounded .cn.tr, .ddlist-item .ddlist-body .rounded .cn.br {margin-left: 100%;}
.ddlist-item .ddlist-body .rounded .cn.bl, .ddlist-item .ddlist-body .rounded .cn.br {top: auto; bottom: -15px;}
.ddlist-item .ddlist-body .rounded .cn.tl, .ddlist-item .ddlist-body .rounded .cn.bl {width: 100%;}


.quote {margin-bottom: 16px; display: block !important;}
.quote p, .quotelist ul, .quotelist ol, .quotelist dl, .quotelist code, .quotelist blockquote { line-height: 140%; margin-bottom: 12px; color: #5C6C7B;}
.quote blockquote {font-size: 14px; font-style: italic;}
.quote .author {font-size: 12px;}
.quote .author span {display: block; font-weight: 700;}

.quote .arrow {display: block; width: 20px; height: 15px; background: url('/images/ddlist-arrow.png') no-repeat; margin: 0 0 0 30px;}
.quote .rounded {position: relative; overflow: hidden; z-index: 10;}
.quote .rounded .cell {margin: 15px 0; padding: 0 20px; background-color: #E4ECF0;}
.quote .rounded .cn{position: absolute; width: 30px; height: 30px; left: -15px; top: -15px; background: url(/images/ddlist-corner.png);}
.quote .rounded .cn.tr, .quote .rounded .cn.br {margin-left: 100%;}
.quote .rounded .cn.bl, .quote .rounded .cn.br {top: auto; bottom: -15px;}
.quote .rounded .cn.tl, .quote .rounded .cn.bl {width: 100%;}

.answer {margin-bottom: 16px; display: block !important;}
.answer p, .answer ul, .answer ol, .answer dl, .answer code, .answer blockquote { line-height: 140%; margin-bottom: 12px; color: #918F71;}
.answer blockquote {font-size: 14px; font-style: italic;}
.answer .author {font-size: 12px;}
.answer .author span {display: block; font-weight: 700;}

.answer .arrow {display: block; height: 15px; background: url('/images/answerlist-arrow.png') no-repeat right; margin: 0;}
.answer .rounded {position: relative; overflow: hidden; z-index: 10;}
.answer .rounded .cell {margin: 15px 0; padding: 0 20px; background-color: #EFEDDD;}
.answer .rounded .cn{position: absolute; width: 30px; height: 30px; left: -15px; top: -15px; background: url(/images/answerlist-corner.png);}
.answer .rounded .cn.tr, .answer .rounded .cn.br {margin-left: 100%;}
.answer .rounded .cn.bl, .answer .rounded .cn.br {top: auto; bottom: -15px;}
.answer .rounded .cn.tl, .answer .rounded .cn.bl {width: 100%;}

.rounded .cell h3 {margin-top: 0;}
.rounded .cell .subtitle {margin-bottom: 0; font-size: 12px; font-style: italic; color: #929FAA;}


.right-insets-single {float: right; width: 30%; margin: 0 0 20px 20px;}
.right-insets .inset {position: relative; margin-bottom: 30px;}
.right-insets .inset h3 {margin-top: 0;}
.right-insets .inset h3 a {display: block; text-decoration: none;}
.right-insets .inset h3 a u {text-decoration: underline;}
.right-insets .inset h3 a .description {display: block; color: #666; font-size: 12px; font-style: italic; text-decoration: none; margin: 10px 0;}
.right-insets .ico-calc h3 a {display: block; background: url('/images/ico-calc.png') no-repeat left top; padding: 10px 0 20px 120px; min-height: 106px; height: 96px;}
.right-insets .ico-request h3 a {display: block; background: url('/images/ico-request.png') no-repeat left top; padding: 15px 0 20px 120px; min-height: 101px; height: 96px;}

.right-insets .expert {margin-bottom: 40px;}
.right-insets .expert h2 {background: url('/images/step-arrow.png') no-repeat center right; color: white; padding: 5px 15px 5px 10px; float: left; margin: -5px 10px 10px 0}
.right-insets .expert h3 {margin-top: 0; height: 160px; padding-left: 170px; padding-top: 10px; background-repeat: no-repeat; clear: left;}
.right-insets .expert h3 .local {font-size: 14px;}

.right-insets .inset-alt {margin-bottom: 40px;}
.right-insets .inset-alt h2 {background-color: #769FB3; color: white; float: left; margin: 0 0 15px; padding: 5px 14px;}
.right-insets .inset-alt h2 a {color: white;}
.right-insets .inset-alt h2 a:hover {color: #eee !important;}
.right-insets .inset-alt h3 {margin-top: 0; clear: left;}
.right-insets .inset-alt .inset-content {clear: left;}

.bottom-insets {margin-top: 50px;}
.bottom-insets .inset {margin: 0 0 0 20%; width: 80%;}
.bottom-insets .inset h3 {background: url('/images/ico-bottom.png') no-repeat top left; font-size: 20px; letter-spacing: -0.04em; line-height: 110%;}
.bottom-insets .ico-calc h3 {background-image: url('/images/ico-bottom-calc.png'); padding: 180px 0 0 5px; margin: 0 0 10px -5px;}
.bottom-insets .ico-request h3 {background-image: url('/images/ico-bottom-request.png'); padding: 180px 0 0 14px; margin: 0 0 10px -14px;}
.bottom-insets .inset h3 a {display: block; height: 100%; width: 100%; margin: -180px 0 0 0; padding: 180px 0 0 0; outline: 0 none;}
.bottom-insets .inset p {font-size: 12px; font-style: italic; color: #666;}

.footer {padding: 150px 40px 120px; margin: 0 -40px;}
.footer p {font-size: 12px; color: #5D5D5D;}
.footer p a {color: #00608F;}
.footer p a:hover {color: #4783C6 !important;}
.footer .dots {background: url('/images/logo-3dots.png') no-repeat left top; height: 44px; padding: 5px 0 0 40px;}

.cities .city h3, .cities h3.city {color: #309000;}
.cities .group-city-other {margin-top: 20px;}
.cities table tbody td {border-bottom: 1px dotted #CCC; padding-top: 18px; padding-bottom: 18px;}
.cities table tbody .g-first td {padding-top: 0;}
.cities table tbody td .city h3 {margin-top: 0;}
.cities .phones {margin-bottom: 5px;}
.cities .phones .phone {margin: 0;}
.cities .phones .phone .code {color: #888;}
.cities address {font-size: 14px; margin-bottom: 5px;}
.cities .time {font-size: 12px; color: #888; margin-bottom: 0;}
.cities .group-city {width: 100%;}

.nav-stories .nav-item {font-size: 19px;}
.nav-stories .description {font-size: 14px; display: block; color: #666; text-decoration: none; margin: 5px 0 10px;}

.popup-window-box {position: absolute; top: 100px; width: 400px; z-index: 10000;}
.popup-window-shadow {position: fixed; display: none; top: 0; left: 0; z-index: 100; width: 100%; height: 100%}
.popup-window-shadow span {display: block; width: 100%; height: 100%; background-color: #000000; opacity: .25; filter: alpha(opacity: 25)}


/* File «forms.css» */

.f-form {}
.f-form .f-field {}
.f-form .f-field-submit {margin-top: 20px;}
.f-form .f-field label {font-size: 14px; display: block; margin: 8px 0 4px;}
.f-form .f-field label .example {font-size: 12px; display: block; margin: 4px 0; color: #82805C;}
.f-form .f-field textarea {font-size: 14px; width: 100%; height: 120px;}
.f-form .f-field-text input {font-size: 14px; width: 100%;}
.f-form .f-field select {font-size: 14px; width: 100%; line-height: 140%;}
.f-form .f-field .error-box {font-size: 12px; color: #B5A687; font-style: italic;}
.f-form .f-field-error input, .f-form .f-field-error textarea {background-color: #B5A687; color: white;}
.f-form .f-separator {font-size: 19px; margin: 25px 0 10px 0; letter-spacing: -0.04em; line-height: 110%;}

/* button */
.button {color: #333 !important; text-decoration: none; cursor: pointer; text-align: center !important; border: 0 !important; position: relative; outline: 0}
.button, .button span {display: block; font-size: 22px; color: #505050; font-family: Arial, sans-serif; line-height: 30px; background-repeat: no-repeat}
.button span {height: 30px; padding-top: 10px; padding-bottom: 10px}
.button {padding-left: 20px}
.button.b-hover, .button:hover {background-position: 0 -50px}
.button.b-active, .button:active {background-position: 0 -100px}
.l-col-right .button.b-hover, .l-col-right .button:hover {background-position: 0 -30px}
.l-col-right .button.b-active, .l-col-right .button:active {background-position: 0 -60px}
.button span {padding-right: 20px; background-position: 100% 0}
.button.b-hover span, .button:hover span {background-position: 100% -50px}
.button.b-active span, .button:active span {background-position: 100% -100px}
.l-col-right .button.b-hover span, .l-col-right .button:hover span {background-position: 100% -30px}
.l-col-right .button.b-active span, .l-col-right .button:active span {background-position: 100% -60px}
.button-white, .button-white span {background-image: url(../images/bgbutton2.png)}

.f-col-fields .f-field {float: left; width: 48%;}
.f-col-fields .f-col-first {margin-right: 4%;}