body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

a { outline: 0; }
fieldset, img {	border: 0; }
ol, ul { list-style: none; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption,th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
abbr, acronym { border: 0; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; }
b,strong { font-weight: bold !important; }
i, em { font-style: italic; }
u, ins { text-decoration: underline; }
s, strike, del { text-decoration: line-through; }
:focus { outline: 0; }

/* общие стили для сайта */
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignJustify { text-align: justify; }
.book { text-align: justify; text-indent: 24px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.nwrap, .nowrap { white-space: nowrap; }
.strong { font-weight: bold; }
.block { display: block; }
.inline { display: inline; }
.hidden { display: none; }
.clear { clear: both; line-height: 0; height: 0; }
.clear.left { clear: left; }
.clear.right { clear: right; }
.h2-margin { margin-left: 100pt; }

body {
	font: 10pt 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: white;
}

ul { list-style: none; }
li { margin-bottom: 10pt; }

h2 { font-size: 18pt; margin: 5px 0; }
h3 { font-size: 14pt; margin: 10pt 0 20pt 0;}

a { color: #00B7FF; }

p { margin: 14pt 0; }

.intro-container {
	padding-top: 5vh;
	background-color: black;
}
.intro {
	margin-top: 5vh;
	background: url('/images/bg.jpg?2') no-repeat center;	
  	background-size: cover ;
  	top: 0; left: 0; right: 0; bottom: 0; position: relative;
  	width: 100%;
  	height: 80vh;  	
}

.post-intro {
	background: black;
	height: 10vh;
}

/* Меню */
.menu { height: 55pt; background-color: black; position: fixed; top: 0; left: 0; right: 0; }
	.menu__logo { margin: 10px 0 8px 20px; }
	.menu__ul { list-style: none; margin: 18pt 25pt 0 0; padding-right: 10pt; }
		.menu__ul__li { 
			display: inline; 
			margin: 0 10pt; 
			cursor: pointer; 
			padding-bottom: 4px;
			font-size: 12pt;
		}
		.menu__ul__li__link { color: white; text-decoration: none; }
		.menu__ul__li__link.active { color: #ff6600; }
		.menu__ul__li__link:hover { color: #ff6600; }
		.menu__ul__li__link.active { color: #ff6600; }



/* о компании */

.company {
	min-height: 100vh;
	background-color: white;
	padding-top: 50pt;	
	margin: 0;
	border-bottom: 1px #eee solid;
}

.company--rule { opacity: 0.2; margin-left: 5%; padding-top: 90pt; }
.company--content { width: 50%; margin: 0 auto; min-width: 500px; text-align: justify; }



/* услуги */
.services { 
	background-color: white;
	border-bottom: 1px #eee solid;
	min-height: 82vh; 
	padding-top: 20vh;
	margin: 0 auto ;
	font-size: 12pt;
	color: #2a2d33;
	width: 100%;
}

.services--content {  width: 97%;  margin: 0 auto;  border: 0px solid black; padding-left: 3%;	}
.services--section {  border: 0px solid black; min-width: 150pt; width: 20%; margin-left: 4%; margin-top: 20pt; min-height: 300pt; }



/* новости */
.newsh2 { margin-left: 20pt; }
.news { min-height: 90vh; background-color: white; padding: 5vh 0; border-bottom: 1px solid #eee; }
.news--container { 
	padding: 20pt 0;
	border: 1px solid #eee;
	width: 60%; 
	min-height: 80vh;
	margin: 0 auto; 
}
article { width: 95%; min-height: 70vh; margin: 0 auto; }
.pages { margin: 5pt auto; text-align: center;}

.pages--ul { list-style: none; }
.pages--ul--li { 
	display: inline; 
	width: 15pt;	
}
.point {
	border: 1.5pt solid #2a2d33;	
	overflow: hidden;
	margin: 3pt;
	height: 6pt;
	width: 6pt;
	border-radius: 15pt;
	display: inline-block;
	cursor: pointer;
	background-color: #2a2d33;
}

.point.selected { background-color: #ff6600; border-color: #ff6600; }





/* клиенты */
.clients { background-color: white; padding: 10vh 105pt; }
	.clients--logo { 
		margin: 15pt 15pt; 
		height: 111px; 
		text-align: center; 		
		border: 0px solid black; 		
		width: 120px;
	}

	.clients--logo:before {      /* create a full-height inline block pseudo-element */
	    content: ' ';
	    display: inline-block;
	    vertical-align: middle; /* vertical alignment of the inline element */
	    height: 111px;
	}

	.clients--logo img {
	    display: inline-block;
	    vertical-align: middle;          /* vertical alignment of the inline element */
	    border: 0px solid black;
	}
		


/* контакты */
footer {
	margin-top: 0vh;
	background-color: #2a2d33;
	color: #818692;
	min-height: 100vh;
}

.contacts { margin: 20pt 120pt 0 120pt; padding-bottom: 20pt; }
	.contacts__h2 { color: snow; }
	.contacts-email { color: snow; }