@charset "UTF-8";
/**
 * Creatix-CSS is an CSS framework for responsive websites and applications. 
 * https://github.com/laluluny/creatix-css
 * It is licensed under a Creative Commons Share Alike 4.0 International license.
 * http://creativecommons.org/licenses/by-sa/4.0/
 * 
 * Copyright (C) 2017 Karin Soika http://www.creatix.org
 **/

@charset "UTF-8";

/* RESET */
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,header, #header, footer#footer, aside,.aside, nav, .nav, menu, main, section, details, hr, input, select, textarea, button 
{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, main, menu, nav, section, summary {display: block;}
body {line-height: 1;}
ol, ul {list-style-position: outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
hr { -moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
img {-ms-interpolation-mode: bicubic;}
svg:not(:root) { overflow: hidden;}
table {border-collapse: collapse; border-spacing: 0;}

/* RESET Normalize */
audio,canvas,video { display: inline-block; display: inline; zoom: 1;}
audio:not([controls]) { display: none;height: 0;}
[hidden] {display: none;}
html {background: #fff; color: #000; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif;}

/* RESET Groundwork */
*, :after, :before {-moz-box-sizing: border-box; box-sizing: border-box;}
header, footer, aside, menu, nav, section, article, details, #header, #footer, .aside,.menu, .nav, .section, 
.article, .details { display: block;} 
 button, input{display: inline-block;width: auto;}
img, a img {border: 0 none; max-width: 100%;}
/* End RESETs */

/* GENERAL SETTINGS and GRID */
html, body {font-size: 101%;}
.row, .article {clear: both;width: 100%;} 
.row:after, .article:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

#container {margin: 0 auto; max-width: 1200px;}
#header {display: inline-block;width: auto;}
#footer {margin-top: 10px}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{display: inline-block;float: left; min-height: 1px; position: relative; padding: 10px;} 

.col-1 {width: 8.3333%;}
.col-2 {width: 16.6666%;}
.col-3 {width: 25%;}
.col-4 {width: 33.3333%;}
.col-5 {width: 41.6666%;}
.col-6 {width: 50%;}
.col-7 {width: 58.3333%;} 
.col-8 {width: 66.6666%;} 
.col-9 {width: 75%;} 
.col-10 {width: 83.3333%;} 
.col-11 {width: 91.3333%;} 
.col-12 {width: 99.9999%;}

.left-1 {left: 8.3333%;}
.left-2 {left: 16.6666%;}
.left-3 {left: 25%;}
.left-4 {left: 33.3333%;}
.left-5 {left: 41.6666%;}
.left-6 {left: 50%;}
.left-7 {left: 58.3333%;} 
.left-8 {left: 66.6666%;} 
.left-9 {left: 75%;} 
.left-10 {left: 83.3333%;} 
.left-11 {left: 91.3333%;} 

.right-1 {right: 8.3333%;}
.right-2 {right: 16.6666%;}
.right-3 {right: 25%;}
.right-4 {right: 33.3333%;}
.right-5 {right: 41.6666%;}
.right-6 {right: 50%;}
.right-7 {right: 58.3333%;} 
.right-8 {right: 66.6666%;} 
.right-9 {right: 75%;} 
.right-10 {right: 83.3333%;} 
.right-11 {right: 91.3333%;} 

/* Style for nested elements */
.nested {padding: 0;} 
.nested .col-1:FIRST-CHILD {padding-left:0;}
.nested .col-1:LAST-CHILD {padding-right:0;}
.nested .col-2:FIRST-CHILD {padding-left:0;}
.nested .col-2:LAST-CHILD {padding-right:0;}
.nested .col-3:FIRST-CHILD {padding-left:0;}
.nested .col-3:LAST-CHILD {padding-right:0;}
.nested .col-4:FIRST-CHILD {padding-left:0;}
.nested .col-4:LAST-CHILD {padding-right:0;}
.nested .col-5:FIRST-CHILD {padding-left:0;}
.nested .col-5:LAST-CHILD {padding-right:0;}
.nested .col-6:FIRST-CHILD {padding-left:0;}
.nested .col-6:LAST-CHILD {padding-right:0;}
.nested .col-7:FIRST-CHILD {padding-left:0;}
.nested .col-7:LAST-CHILD {padding-right:0;}
.nested .col-8:FIRST-CHILD {padding-left:0;}
.nested .col-8:LAST-CHILD {padding-right:0;}
.nested .col-9:FIRST-CHILD {padding-left:0;}
.nested .col-9:LAST-CHILD {padding-right:0;}
.nested .col-10:FIRST-CHILD {padding-left:0;}
.nested .col-10:LAST-CHILD {padding-right:0;}
.nested .col-11:FIRST-CHILD {padding-left:0;}
.nested .col-11:LAST-CHILD {padding-right:0;}
.nested .col-12 {padding-left:0;padding-right:0;}
 
.pull-right {float: right;}
.pull-left {float: left;}

/* RESPONSIVE BEHAVIOUR */
@media screen and (max-width: 768px) { 
	.col-3 {float: left; width: 50% !important;}
	.stretch,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
	{clear: both; float: none; width: 100% !important; max-width: 738px !important; left: 0; }
	.nested .col-6 { padding-left: 0 !important;}
	.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, 
	.right-8, .right-9, .right-10, .right-11 {right: 0;} 
	.left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, 
	.left-8, .left-9, .left-10, .left-11 {left: 0;} 
	.align-right {text-align: left;}
	.col-4>div.article>.img {float: left !important; left: 0 !important; width: 50% !important;}
	.article>.col-6, .article {max-width: 100% !important;}
 }
 
@media screen and (max-width: 480px) { .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12, 	
 	.stretch  {clear: both; float: none; width: 100% !important;
max-width: 450px !important; left: 0;} 
 	.col-2{ width: 50% !important; left: 0;}
 	.col-1 {width: 25% !important; left: 0;}
	.col-4>div.article>p, .col-4>div.article>img {clear: both!important;float: none !important;width: 100% !important;}
	.col-6>div.article>p, .col-6>div.article>img {clear: both!important;float: none !important;width: 100% !important;}
}

/* Show/hide elements on mobile devices */
@media screen and (max-width: 768px) {.desktop-only {display: none;}}
@media screen and (min-width: 768px) {.mobile-only {display: none;}}




 
html, body {font-size: 1em; line-height: 1.5; background: none repeat scroll 0 0 #fff; min-height: 100%; width: 100% !important;}

#header, header, #footer1, #footer2 {min-height: 50px; padding: 10px; width: 100%;border: 1px solid #ddd;}
#footer2 {border: 1px solid #ccc;}

  
p, ul, ol, dl {font-weight: 400; line-height: 1.5; margin: 0 0 0.6em 0 ;}
menu, ol, ul {padding-left: 20px;}
			
a {text-decoration: none;}
a:hover,a:focus {text-decoration: underline;outline: 0;}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3; margin-bottom: 0.4em;}
h1 {font-size: 2.33333em; font-weight: 200;}
h2 {font-size: 2.0em; font-weight: 300;}
h3 {font-size: 1.5em; font-weight: 500;}
h4 {font-size: 1.2em; margin-bottom: 0.5em;}
h5 {font-size: 1em;margin-bottom: 0.6em;line-height: 1.3;}
h6 {display: none;}

p { hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;}

.lead {margin-bottom: 1.1em; font-size: 1em; font-weight: 200; line-height: 1.4em;}
@media screen and (min-width: 768px) {.lead {font-size: 1.3em;}}
small, .small {font-size: 65%;}
@media screen and (min-width: 768px) {small, .small {font-size: 85%;}}

b, strong {font-weight: bold;}
i, em {font-style: italic;}
hr {border-color: #808080 #808080 #ddd; border-style: none none solid; border-width: 0 0 1px; clear: both; margin: 10px auto;}
acronym, abbr, abbr[title] {border-bottom: 1px dotted #666666; cursor: help;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
sub,sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
blockquote, q, cite {font-style: italic;}
blockquote {margin-bottom: 1.71429rem; padding: 1.71429rem;}
code {background-color: #31708f; color: #fff; font-size: 90%; padding: 2px 4px; font-family: 'Courier', monospace, serif; padding: 1px 5px; margin: 4px;}

button, input, textarea, .button, a.button, select {color: #333; border: 1px solid #ddd; border-radius: 4px; height: auto; width: auto; line-height: 1.5em; padding: 0.25em 0.25em; text-decoration: none;}
button, .button, a.button {padding: 0.25em 1em;cursor: pointer;color: #ddd; text-align: center; font-weight: 700;background-color: #888;}
select {line-height: 1em; padding: 0;background: transparent;}

table, tr {border-bottom: 1px solid #ddd;}
table, td, th { padding: 4px;}
legend, th {color: #888;} 

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.img-responsive {display: block; max-width: 100%; height: auto;}
.img-rounded {border-radius: 6px;}
.img-circle {border-radius: 50%;}
.border-r { border-right: 1px solid #ddd;}
.border-l {border-left: 1px solid #ddd;}
.clear {clear: both;}
.hide {display: none;}
.nobr	{ white-space:nowrap; }/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('../fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}



/* basic styles */
html, body { color: #2B2B2D;font-family:  'Montserrat', sans-serif; color: #231f20; }
a {color:  lightblue;}
a:hover,a:focus {color: orange ;}
hr {color: #231f20; border-color: #231f20 #231f20 #ddd;}
#container {max-width: 1200px;}


/* nav */
@media screen and (min-width: 769px) { 
	div#menu {padding-right: 6px;}
	div#menu ul#nav1 {display: flex; flex-direction: row; justify-content: flex-end;}
	.nav ul {list-style: none;  padding: 0;  margin: 0;}

	.nav li {display: block;  }
	ul#nav1>li {padding: 3px 15px;text-align: center; }
	ul#nav2>li {padding: 5px 0; min-width: 150px;text-align: left; border-left: 1px solid #fff;}
	.nav li a  {padding: 0 10px;}
	.nav li ul a  {padding: 0 11px 0 8px ;}
	.nav li a:hover { color: #fff; background-color: #ddd; text-decoration: none; border-radius: 5px;}
	.nav li>ul>li {float: left;}
	.nav>ul>li>ul { display: none; }
	.nav ul>li>ul>li {  background: #fff; ;} 
	.nav>ul>li:hover>ul {  display: block;  position: absolute; width: 150px; z-index: 7;}
	.nav>ul>li>ul>li {  position: relative;}
}
@media screen and (max-width: 769px) { .nav>ul>li>ul {  display: block; } }





/* mobilenav 
#mobilenav-container a {display: block; position: absolute;  text-decoration: none;}
#mobilenav-container a#showMenu { right: 15px; top: 10px;}
a#closeMobileMenu.icon-close {display: block; position: absolute; left: 5px; top: 3px;}
.mm-navbars_bottom {margin-bottom: 20px;}
.icon {font-size: 25px !important;}
*/
/* END mobilenav */



#container {background-image: none; background-position: center top; background-repeat: no-repeat; height: 800px; padding-top: 40px;}

.flex {display: flex; flex-direction: row; justify-content: center; align-items: start;}

#vk {display: block; width: 350px; height: 520px; background-color: #fff;   padding: 20px; margin-top: 80px;
 }
#vk img {display: block; margin-right: 18px;
-webkit-box-shadow: 5px 5px 5px 0px rgba(35,31,32,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(35,31,32,0.3);
box-shadow: 5px 5px 5px 0px rgba(35,31,32,0.3);}
#vk h1 {font-size: 20px; letter-spacing: .12em; font-weight: 500; text-transform: uppercase; padding-top: 20px;}
#vk h2 {font-size: 18px; letter-spacing: .12em; font-weight: 300; margin-top: -4px;}
#vk p{ font-weight: 300;clear: both; font-size: 105%;letter-spacing: .05em;}
#vk p:first-of-type { padding-top: 30px;}
#vk p+p {margin-top: -7px;}
#vk p strong { font-weight: 500;}
#vk a:link, #vk a:hover, #vk a:visited { color: #231f20;}
#vk hr {padding: 5px 0;}