@charset "utf-8";
/* CSS Document */
/* Body */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i&subset=cyrillic');
body {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	background-color: #f2f2f2;
	font-size: 16px;
	color: #3e3e3e;
}
h1, h2, h3, h4, h5, h6 {
	text-align: left;
}
a img {border: 0;}
a:visited, a:link, a {color:#8A2865; text-decoration: underline;}
a:hover {color:#283488; text-decoration: none;}
strong {
	color:#283488;
}

header, section {
	width: 100%;
	margin: 0;
}
/* Container */
.container {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;
	height: 100%;
	background-color: #fff;
}
header {
	width: 100%;
	background-color: #fff;
	height: auto;
}
.textcenter {text-align: center;}
.textcenter img {padding: 20px;}
#top {
	height: auto;
	background: #fff;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
}
#logo {
	flex-basis: 50%;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: undefined;
	padding: 20px 30px 20px 30px;
	letter-spacing: 2px;
}
#logo span {
	background: no-repeat 0% 0% url(../images/logo.svg); 
	padding-left: 40px; 
	background-size: contain;
}
#top a {
	color: #434141;
	text-decoration: none;
}
#tel {
	flex-basis: 50%;
	padding: 20px 30px 20px 30px;
	text-align: right;
}
/* Navigation */
#upmenu {
	background: #000;
	height: auto;
	width: 100%;
	position: relative;
}
header nav {
	width: 100%;
	text-transform: uppercase;
}
header nav ul {
	list-style: none;
	text-align: center;
	margin: 0;
}
nav ul li {
	display: inline-block;
	color: #FFFFFF;
	font-size: 13px;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	transition: all 0.3s linear;
	padding: 15px;
}
header ul li a, header ul li a:visited, header ul li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
header ul li:hover a {
	color: #c4bf94;
}

/* Index Section */
#index {
	background: no-repeat 50% 50% url(../images/bg-top1.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
}
#index h2 {
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 32px;
	font-weight: normal;
}
#index h3 {
	text-align: center;
	color: #c4bf94;
	margin: 0;
	font-weight: normal;
	line-height: 32px;
	font-size: 24px;
}

/* Main Section */
h1 {
	color: #8A2865; 
	text-align: center; 
	font-size: 24px; 
	font-weight: bold;
	line-height: 32px;
	margin: 40px 0 30px 0;
}
h4 {
	color: #283488; 
	text-align: center; 
	font-size: 18px; 
	font-weight: bold; 
	text-transform: uppercase;
}

#main {
	width: 100%;
	background-color: #FFFFFF;
	box-sizing: border-box;
	text-align: justify;
	line-height: 24px;
}
article.col3 {
	width: 100%;
	display: flex;
	flex-direction: row;
}
.text_column {
	flex-basis: 33%;
	box-sizing: border-box;
	padding: 10px 30px;
	text-align: justify;
	line-height: 24px;
}
.pad {
	padding: 10px 30px;
}
.works-content {
	background: #e2dfc9;
}




#works {
	height: auto;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
}
#works-pic {
	flex-basis: 50%;
	color: #283488;
	padding: 20px 0 10px 0;
}
#works-pic img {
	width: 90%;
}
#works-list {
	flex-basis: 50%;
	padding: 20px 0 10px 0;
}
.str {
	padding: 0 30px 10px 20px;
	background: no-repeat 0px 3px url(../images/mark.png);
	margin: 10px 0;
}


/* Fotter */
footer {
	margin: 0;
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
footer h4 {
	text-align: left; 
}

/* More info */



/* Mobile */
@media (max-width : 800px ){
.container {
	width: 100%;
}
	#top, article.col3, #works {
	flex-direction: column;
}
	#logo {
		text-align: center;
	}
	#works-pic, #works-list {
	flex-basis: 100%;
}
	#works-pic {
	text-align: center;
}
	img {width: 90%; height: auto;}
	footer .text_column, footer h4 {
	text-align: center;
}
}