@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');

/*
*::-webkit-scrollbar {width:3px;} 
*::-webkit-scrollbar-track {background:#dedede;} 
*::-webkit-scrollbar-thumb {background:#aaa;}
*/

* {box-sizing:border-box; margin:0; padding:0;}
html {height:100%;}
body {display:none; font:1em/1.6em 'PT Sans Narrow', sans-serif; color:#555; height:100%;}
body.fixed {position:fixed;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}

a {color:#5594F5; outline:none; text-decoration:none;}

img {border:none; width:auto; height:auto;}

table {border-collapse:collapse;}
table tr.theader {font-weight:bold; font-size:.85em;}
table td {padding:5px; border:1px solid #ccc;}

/* Buttons */
.button {display:inline-block; margin:1px; padding:10px 20px; background:#999; color:#fff; cursor:pointer; border:none; border-radius:3px; font-size:14px !important; text-decoration:none; outline:none; text-align:center;}
.button:hover {cursor:pointer; color:#fff; text-decoration:none;}
.red {background:#FD5B00;}
.blue {background:#5594F5;}
.green {background:#81B655;}

/* Modal */
.overlay {display:none; position:fixed; top:0; bottom:0; width:100%; background:#000; z-index:100;}
.modal {position:relative; display:none; width:400px; max-width:100%; margin:0 auto; color:#000; background:#fff; padding:0 20px 20px;}
.modal.open {position:fixed; display:block; z-index:101;}
.mtitle {display:block; font-size:1.4em; line-height:1em; margin:0 0 30px; text-align:center; padding:20px;}
.mclose {position:relative; display:block;}
.mclose b {position:absolute; top:0; right:-5px; font-size:2.8em; font-weight:normal; line-height:1em; color:#000; cursor:pointer;}

.mform [type="text"], .mform [type="tel"], .mform [type="password"], .mform [type="email"], .mform select, .mform textarea {display:block; width:100%; margin-bottom:5px; padding:15px; text-align:center; border:1px solid #ccc;}
.mform textarea {min-height:100px;}
.mform label {display:block; padding:5px 0; text-align:center; font-family:Times New Roman; font-size:.8em; cursor:pointer;}
.mform .button {display:block; margin:10px auto;}

[class^="col_"] {display:inline-block; float:left; vertical-align:top;}
.col_10 {width:10%;}
.col_15 {width:15%;}
.col_20 {width:20%;}
.col_25 {width:25%;}
.col_30 {width:30%;}
.col_33 {width:33%;}
.col_40 {width:40%;}
.col_50 {width:50%;}
.col_60 {width:60%;}
.col_70 {width:70%;}
.col_75 {width:75%;}
.col_80 {width:80%;}

.table {display:table;}
.table:after {display:table; width:100%; content:" ";}
.row {display:table-row;}
.col {display:table-cell;}

.wrapper {position:relative; width:100%; margin:0 auto; min-height:100%; height:auto !important; height:100%;}

.width {margin:0 auto; width:1100px; max-width:100%;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}

/* Nav */
.nav {position:fixed; top:0; width:100%; background:#fff; box-shadow:0 0 10px #ccc;}
.nav > .table > .col {vertical-align:middle; height:6vw;}
.nav > .table > .col.left {width:40%; background:url(../images/logo.png) no-repeat left center / 80px; padding-left:100px;}
.nav > .table > .col.left a {color:#1D64A4; font-size:1.6em; font-weight:bold; text-transform:uppercase;}
.nav li {display:inline-block; list-style:none;}
.nav li a {display:block; color:#5594F5; font-weight:bold; padding:10px 20px; text-decoration:none;}

.sublink {position:relative; text-align:center;}
.sublink > a:after {content:"\203A"; font-weight:700; padding-left:10px;}
.sublink.up > a:after {content:"\2039"; font-weight:700; padding-left:10px;}
.sublink > a:hover, .sublink > a.active, .sublink.up > a {color:#3B69B4 !important;}

.submenu {display:none; position:absolute; top:100%; right:0; border-radius:5px; padding:20px; background:rgba(15,15,15,.85); box-shadow:0 5px 15px rgba(0,0,0,.5); z-index:6;}
.submenu:before {position:absolute; top:-10px; right:80px; content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:10px solid rgba(15,15,15,.85);}
.submenu a {display:block; text-align:left; padding:10px; text-decoration:none; color:#fff; white-space:nowrap;}
.submenu a span, .submenu a i {display:block; color:#ccc; font-size:0.85em; line-height:1.1em;}

.submenu .table .col {vertical-align:top;}

/* Header */
.topblock {background:#3B69B4; background:linear-gradient(#3B69B4, #5695F6);}
.topblock .tb-right {color:#fff;}
.tb-right.text {padding-top:40px;}

.text p {margin-bottom:2em; font-size:1.3em; line-height:1.2em;}
.text .tb-head {font-size:2.4em; margin-bottom:1.5em;}


/* Middle */
.content {padding:50px 0; background:url(../images/bg.png);}

.proekt img {max-width:100%; box-shadow:0 5px 25px rgba(0,0,0,.2); z-index:1;}

.icons {background:#3B69B4; background:linear-gradient(#3B69B4, #5695F6); color:#fff; padding:40px 0;}
.icons img {display:block; text-align:center; margin:10px auto;}
.icons a {text-decoration:none; color:#fff; font-size:1.4em; text-align:center; font-weight:bold; margin-top:20px;}
.icons a span {display:block; font-weight:normal; font-size:.8em; padding:0 10px;}

.blue {background:#3B69B4; background:linear-gradient(#3B69B4, #5695F6); color:#fff; font-size:1.2em;}
.blue a {color:#fff; border-bottom:1px dashed #fff;}
.dark {background:#3B69B4;}
.speedbar a span {display:inline-block;}

.info p {font-size:1.1em;}
.info p b {display:inline-block; min-width:220px; vertical-align:top;}

.post img {max-width:100%; box-shadow:3px 3px 2px #3E74C4;}
.post.full .title {font-size:1.4em; margin-bottom:1.4em;}
.post.full .imgs img {width:45%; float:left; margin:1%;}


.post.short {padding:10px;}
.post.short .title {font-size:1.2em;}

img.noshad {box-shadow:none;}


/* Footer */
.footer {position:absolute; bottom:0; left:0; right:0; margin:100% auto 0; padding:20px; width:100%; background:#3B69B4; color:#fff;}
.footer a {color:#fff; text-decoration:underline;}


.shownav {display:none;}
	
@media only screen and (max-width:768px) {

	body {font-size:.85em; line-height:1.4em;}
	[class^="col_"] {display:block; float:none; width:100% !important; margin:0 auto 20px;}
	
	.body-layer {position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:.2;}
	
	.table, .row, .col {display:block;}
	
	.wrapper {width:100%;}
		
	.nav {position:fixed; top:0; left:0; right:0; height:60px; z-index:5;}
	.nav > .table {display:table;}
	.nav > .table > .col {display:table-cell; height:60px;}
	.nav > .table > .col.left {width:70%; background-size:55px; background-position:left 10px center; padding-left:70px;}
	.nav > .table > .col.left a {font-size:1.4em;}
	
	.nav ul {display:none; position:fixed; top:60px; left:0; right:0; bottom:0; padding:20px 0; background:#fff; overflow-y:auto;}
	.nav ul li {display:block;}
	.nav ul li a {display:block; padding:10px 40px; text-align:left; font-size:1.2em;}
	
	.shownav {display:block; position:absolute; top:0; right:0;height:60px; width:65px; cursor:pointer; z-index:3;}
	.shownav b,.shownav b:before,.shownav b:after {display:inline-block; position:absolute; right:20px; width:30px; height:4px; background:#3E74C4; content:'';}
	.shownav b {top:27.5px;}
	.shownav b:before {top:-9px; right:0;}
	.shownav b:after {bottom:-9px; right:0;}
	.shownav.active b {background-color:transparent;}
	.shownav.active b:before {top:0; transform:rotate(45deg);}
	.shownav.active b:after {top:0;transform:rotate(-45deg);}

	.submenu {display:none; position:relative; top:auto; left:auto; right:auto; bottom:auto; box-shadow:none; border-radius:0;}
	.submenu:before {display:none;}
	.submenu div {display:block !important;}

	.tb-left img {display:none;}
	.topblock .tb-right {text-align:center; width:100% !important; padding:20px;}
	.text .tb-head {text-align:center; font-size:2em; margin-bottom:1.3em;}
	
	.content {padding:30px 20px;}
	
	.icons img {width:30vw;}
	
	.post img {display:block; text-align:center; margin:0 auto 10px;}
	
	.post.full {font-size:1.2em;}
	.post.full .imgs:after {clear:both; content:""; display:table;}
	.post.full .imgs img {width:auto; float:none;}

	.xfieldimagegallery {text-align:center;}
	
	.xfieldimagegallery li {display:inline-block; width:45%; padding:2%;}
	
	.info p b {min-width:auto;}
	
	.footer {height:auto;}
	
	table {overflow-x: auto; display: block;}
	
	img.noshad {display:none;}
}