/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i&subset=latin-ext');
* { margin: 0; padding: 0; }
body { color: #000; text-align: center; margin: 0 auto; background: #fff url('bara.jpg') right top no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body, th, td, input, textarea { font-family: Poppins, sans-serif; font-size: 1em; line-height: 140%; }
hr { display: none; }
img { display: block; border: 0; }
svg { fill: #000; }
h1 { position: absolute; display: inline; left: 40px; }
h2 { font-size: 2.5em; margin: 0 0 20px 0; padding: 20px 0; text-align: center; border-bottom: 3px solid #B2B3B3; text-transform: uppercase; font-weight: normal; }
h2:first-child { padding-top: 0; }
h3 { font-size: 1.50em; line-height: 115%; margin: 0; padding: 1.5em 0 .75em 0; text-align: left; }
h4 { font-size: 1.20em; line-height: 120%; margin: 0; padding: 1.5em 0 .75em 0; text-align: left; }
h5 { font-size: 100%; line-height: 120%; margin: 0; padding: 1.5em 0 .75em 0; text-align: left; }
ul, ol, dl, p, address, form { margin: 0; }
ul, ol { margin-left: 30px; margin-right: 20px; }
address { font-style: normal; }
small { font-size: 80%; }
a { text-decoration: underline; color: #555; }
a:hover { text-decoration: none; color: #000; }
a, a img, a svg, input { 
	transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
}
/* table */
table { width: 100%; margin: 0 0 1.5em 0; border-collapse: collapse; }
table, table th, table td { border: 1px solid #000; vertical-align: top; }
table th, table td { text-align: left; }
table th { padding: 7px 10px; font-weight: bold; }
table td { padding: 7px 10px; }
/* form */
form {}
form table,
form table th,
form table td { border: 0; padding: 0; vertical-align: top; padding: 10px; font-size: 110%; }
form fieldset { padding: 20px; }
form fieldset legend { padding: 0 20px; }
form td { vertical-align: middle; }
form input { padding: 15px 0; text-align: center; }
form input,
form textarea { border: 1px solid #000; width: 100%; }
form input[type="submit"] { border: 0; background: #000; color: #fff; font-weight: 900; text-transform: uppercase; text-align: center; cursor: pointer; }
form input[type="submit"]:hover { background: #555; }
input[placeholder] { text-align: left; }

header { height: 120px; position: relative; z-index: 9999; background: #fff; vertical-align: middle; }
header svg { width: auto; }

nav { position: absolute; width: 100%; bottom: 10px; }
nav svg { fill: #B2B3B3; position: relative; }
nav a:hover svg { fill: #000; }
nav ul { margin: 0; text-align: center; padding-left: 20%; }
nav ul li { display: inline-block; margin: 0 5px; text-transform: uppercase; }
nav ul li a,
nav ul li span { display: block; width: 100px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
nav ul li a span { visibility: hidden; }
nav ul li a:hover span { visibility: visible; }

#social { position: absolute; right: 30px; width: auto; display: inline; padding: 45px 0; }
#social strong { font-weight: normal; }
#social span { visibility: hidden; padding: 0; }
#social svg { vertical-align: middle; position: relative; }

#langs { position: absolute; left: 280px; width: auto; display: inline; padding: 40px 20px; }
#langs a { color: #000; text-decoration: none; }
#langs a:hover { color: #9D9E9E; }
#langs strong { font-weight: normal; }
#langs span { visibility: hidden; padding: 0 5px; }
#langs svg { vertical-align: middle; position: relative; }

#menu-tree { display: inline; vertical-align: middle; z-index: 99991; padding: 0; }
#menu-tree svg { width: 30px; height: 30px; fill: #000; cursor: pointer; margin: -10px 0 0 10px; }
#menu-tree ul { position: absolute; top: -10px; right: -20px; background: #fff; padding: 0 20px 20px 20px; text-align: center; list-style: none; }
#menu-tree ul li { padding: 15px 0; white-space: nowrap; }
#menu-tree ul li a { color: #000; text-decoration: none; font-weight: normal; }
#menu-tree ul li span { display: none; }
#menu-tree ul li svg { width: 32px; height: 32px; margin: 0; }

#body { padding: 20px; }

article { margin-right: 38%; background: #fff; background: rgba(255,255,255,0.85); }
article .content { padding: 4%; text-align: justify; }
article .content p,
article .content ul,
article .content ol { margin: .75em 0 0 0; }
article .content ul,
article .content ol { margin-left: 40px; }

#uspechy {}
#uspechy td { text-align: center; vertical-align: middle; }

#partneri {}
#partneri ul { margin: 0; padding: 0; }
#partneri ul li { display: inline-block; width: 48%; margin: 0 4% 4% 0; background: #fff; text-align: center; }
#partneri ul li:nth-child(2n) { margin-right: 0; }
#partneri ul li a { display: block; padding: 4%; }
#partneri ul li br { display: none; }
#partneri ul li img { width: auto; margin: 0 auto; max-width: 90%; max-height: 200px; }

#galerie {}
#galerie ul { margin: 0; padding: 0; }
#galerie ul li { display: inline-block; width: 31%; margin: 0 3.5% 3.5% 0; background: #fff; text-align: center; }
#galerie ul li:nth-child(2n) { margin-right: 0; }
#galerie ul li a { display: block; padding: 4%; text-decoration: none; }
#galerie ul li br { display: none; }
#galerie ul li img { width: 100%; margin: 0 auto 10px auto; }
#galerie ul li div { display: none; }
#galerie ul li div p {}

footer { position: relative; }
footer section { padding: 40px; }
footer section form { margin: 0; }
footer section form td { width: 33.33333333333333%; }
footer section form input { width: 94.44444444444444%; }
footer section form input[placeholder] { padding: 2.777777777777778%; }
footer section form input[type="submit"] { width: 100%; }
footer section form textarea { width: 98.21428571428571%; }
footer section form textarea[placeholder] { padding: 0.8928571428571429%; }
footer aside { position: relative; background: #000; }
footer aside * { color: #fff; border-color: #fff; text-align: left; }
footer aside img { width: 100%; opacity: .5; }
footer aside .text { position: absolute; top: 0; left: 0; width: 65.625%; display: table; }
footer aside .text .addresses { padding: 40px 0 0 40px; }
footer aside .text .addresses address { display: block; float: left; width: 33.3333333333333%; }
footer aside .stamp { position: absolute; top: 75px; right: 0; width: 34.375%; text-align: center; }
footer aside svg { fill: #fff; width: 50%; margin: 0 auto; }

.gallery { clear: both; text-align: left; font-size: 14px; }
.gallery h2 { padding-top: 20px; }
.gallery .thumb { width: 144px; height: 144px; overflow: hidden; position: relative; float: left; margin: 0 10px 10px 0; }
.gallery .thumb:nth-of-type(5n) { margin-right: 0; }
.gallery .thumb img {}
.gallery .thumb h3 { position: absolute; background: #000; background: rgba(0,0,0,.5); bottom: 0; padding: 5px 0; width: 144px; margin: 0; text-align: center; color: #FFC850; font-size: 14px; }
.gallery .thumb a:hover h3 { background: rgba(0,0,0,.75); }
.gallery .thumb a {}

/* classes */
.bold { font-weight: bold; }
.center { text-align: center !important; }
.clear { clear: both; height: 1px; overflow: hidden; }
.skip { display: none; }



@media screen and (max-width:1120px){
	header nav ul { transform: scale(0.75); }
	nav ul { padding-left: 35%; }
}

@media screen and (max-width:1050px){
	#social { transform: scale(0.75); }
	#langs { transform: scale(0.75); }
}

@media screen and (max-width:960px){
	h1 svg { height: 100px; padding-top: 10px; }
	#langs { left: 220px; }
}

@media screen and (max-width:889px){
	h1 svg { height: 100px; padding-top: 10px; }
	header nav ul { transform: scale(1); display: none; }
	header #menu-tree nav ul { display: block; }
	#social { transform: scale(1); }
	#langs { transform: scale(1); left: 240px; }
	article { margin-right: 0; }
}

@media screen and (max-width:555px){
	h1 { left: 20px; }
	h1 svg { height: 60px; padding-top: 30px; }
	#social svg { height: 30px; padding-top: 5px; }
	#langs svg { height: 30px; padding-top: 5px; }
	#langs { left: 140px; }
}