/*@import url('fonts/OpenSans/opensans.css');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,500,300&subset=latin,cyrillic,latin-ext,cyrillic-ext');
/*Reset by Eric Meyer. Thank you very much, Eric!*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}
/*End of Eric Meyer's code*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
cite {
	font-style:italic;
}
input, select {
	vertical-align: middle;
}
body {

	font: 11px/1.231 sans-serif;
 	font-family: 'Roboto Slab', serif;
}
select, input, textarea, button {
	font: 99% sans-serif;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
a:active {
	outline: none;
}
a, a:active, a:visited {
	color: #0c2577;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ol {
	list-style-type: decimal;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: 700;
}
td, td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
textarea {
	overflow: auto;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: middle;
}
label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
}
button {
	width: auto;
	overflow: visible;
}
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
html {
	height: 100%;
}
body {
	width: 100%;
	height:100%;
	min-height: 100%;
	color:#1c266e;
}
strong {
	font-weight: bolder;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.justify {
	line-height: 0;
	text-align: justify;
	text-justify: newspaper;
	text-align-last: justify;
}
.justify:after {
	content: '';
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align-last: auto;
	height: 1px;
}
.justify .side {
	text-align: left;
	display: inline-block;
	line-height: 1.2em;
	vertical-align: middle;
}
.local-link, .local-link:active, .local-link:visited {
	display:inline-block;
	cursor:pointer;
	color:Deepskyblue;
	border-bottom:0.1em dashed Deepskyblue;
	transition:all ease 0.2s;
}
.local-link:hover {
	border-bottom:0.1em dashed transparent;
		text-decoration:none;
}
h1 .local-link,
h2 .local-link,
h3 .local-link,
h4.local-link,
h5 .local-link,
h6 .local-link {
	font-size:0.6em;
}


.more-btn {
	display:inline-block;
	padding:4px 6px 6px 6px;
	background:Deepskyblue;
	color:#fff;
	border-radius:2px;
	cursor:pointer;
	transition:all ease 0.2s;
	font-size:14px;
	line-height:1em;
}
.more-btn:hover {
	background:#fff;
	color:Deepskyblue;

}


#main {
	height: auto !important;
	min-height: 100%;
	text-align: left;
	padding-bottom:50px;
	box-sizing:border-box;
	min-width: 320px;
}

.row {
	box-sizing: border-box;
	width: 100%;
}
.header-holder {
	background: #1C266E;
	position:sticky;
	top:0;
	z-index:2;
}
.section {
	box-sizing: border-box;
	width: 1000px;
	margin: 0 auto;
	padding:10px;
}
.header {
	color: #fff;
	padding:18px 10px
}
.header a, .header a:visited, .header a:focus {
	color:#fff;
}
.header a:hover {
	color:#cccc00;
}


.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
.header-info .flex-item {
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
}
.site-title  {
	color:#cccc00;
	font-size:18px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight:300;

}
.site-name {
	font-size:30px;
	display:block;
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	padding-bottom:4px;

}

.contacts {
	text-align:right;
	font-size:14px;
	line-height:1.5em;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.nav-holder {
	background: #fff;
	box-shadow: 0 2px 6px rgba(28, 38, 110, 0.6);
}
.nav {
	text-align: center;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	max-width:1000px;
	margin:0 auto;
	padding-top:14px;
}
.nav li {
	display: inline-block;
	vertical-align: middle;
	font-size:14px;
	padding-bottom:5px;
	margin:0 15px;
	border-bottom:5px solid transparent;
}
.nav li.active {
	border-bottom:5px solid #cccc00;
	color:#cccc00;
}

.page {
	padding-bottom:20px;
}
.content-holder {
	padding-top:30px;
}

#searchFrame  {
	width:770px;
	min-height:1300px;
}
.txt p {
	font-size:14px;
	margin-bottom:1.2em;
	line-height:1.6em;
}


.txt h2 {
	font-size:24px;
	margin-bottom:1em;
	font-weight:700;
}
.txt h3 {
	font-size:20px;
	margin-bottom:0.8em;
	font-weight:700;
}
.txt h4 {
	font-size:18px;
	margin-bottom:0.6em;
	font-weight:700;
}

.txt h5 {
	font-size:16px;
	margin-bottom:0.5em;
	font-weight:700;
}

.txt ul {
	margin-bottom:1.4em;
}
.txt li {
	font-size:14px;
	margin-left:3em;
	line-height:1.4em;
	padding-bottom:0.5em;
	list-style:square;
	list-style-position:outside;
}

.img-holder {
	text-align:center;
	max-width:48%;
	box-sizing:border-box;
	padding-bottom:50px;
}
.img-txt {
	max-width:48%;
	box-sizing:border-box;
	padding-bottom:50px;
}


.img-holder.fl {
	margin-right:10px;
}
.resume, .shortsale {
	display:none;
	margin:20px -30px;
	padding:20px 30px;
	background:Oldlace;
}
.time-period, .work-period {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
.time-period {
	width:150px;
	padding-right:10px;
}
.work-period {
	width:500px;
}

.shortsale-holder {
	margin-bottom:50px;
}
.analysis-form-holder {
	margin-bottom:50px;
}
.analysis-form {
	display:none;
	padding:20px 30px;
	margin-left:-30px;
	margin-right:-30px;
	background:Whitesmoke;
}

.mailform {
	border:none;
}
.mailform td {
	padding:10px;
	font-size:14px;
}
.form-label {
	width:340px;
}
.google-map {
	width:100%;
}
.resource-holder {
	border-bottom:2px solid Silver;
	margin-bottom:15px;
}


.footer-holder {
	height:50px;
	margin-top:-60px;
}
.footer-holder .section{
	background:Silver;
	padding:20px;
	text-align:center;
	font-size:12px;
	color:#fff;
}

@media (max-width: 1000px) {
	.section, .time-period, .work-period  {
		width: 100%;
	}

	.time-period p{
		margin-bottom:0.2em;
	}
	.nav li.active {
		border-bottom:5px solid transparent;
		color:#cccc00;
	}
	.resume, .shortsale, .analysis-form {
		margin-right:-10px;
		margin-left:-10px;
	}
	.txt img {
		max-width:100%;
		height:auto;
	}
}

@media (max-width: 600px){
	.img-holder {
		width:100%;
		max-width:100%;
		order:2;
		}
	.img-holder img{
		display:block;
		width:auto;
		max-width:100%;
		margin:0 auto;
	}
	.img-txt {
		max-width:100%;
	}
	.form-label {
		width:auto;
		max-width:30%;
	}
	.site-title {
		font-size:14px;
	}
	.site-name {
		font-size:22px;
	}


}

@media (max-width: 400px){
	.header-info {
		align-items: center;
	}
	.contacts {
		font-size: 12px;
	}
	.site-title {
		font-size: 12px;
	}
	.site-name {
		font-size: 20px;
	}
	.header-info .logo-holder {
		flex: 0 0 20%;
	}
}