html {
    height:100%;

}

body {
    margin:0;
    background-color: white;
    height:100%;
    font-size:12pt;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
	line-height: 150%;
}

h1 {
line-height: 125%;
}

.menublock, .header, .footer, .indexicons {
	font-family: 'Oswald', sans-serif;
}

div.header {
    height:46px;
    line-height: 26px;
    background-color: black;
    color:#cccccc;
    font-size:0.9em;
}

.block {
    margin: 0 auto;
    width:100%;
    max-width:1000px;
    padding:10px;
	box-sizing: border-box;
}

.header span {
    
}

.pagecontent ul {
padding-left: 18px;
}

.pagecontent p {
text-align: justify;
}

.projects-catalog p {
text-align: center;
}

.relative {
position:relative;
}

a {
    text-decoration: none;
    border-bottom: 1px solid;
	color:#009933;
}

a.tel {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.indexicons a {
border-bottom:none;
}

.header a {
color: #cccccc;
}

.flexcontainer {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.flexitem {
  flex: 0 0 auto;
  }

img.headerimg {
    height: 20px;
    width:auto;
    margin-right:10px;
    vertical-align: middle;
}

.footer {
    text-align: center;
    border-top: 1px solid #333333;
}

img.logoimg {
   width:auto;
    height:60px;
    vertical-align: middle;
    margin-bottom:3px;
}

div.menu {
    text-align: right;
}

div.logo {
    /*display: inline ;*/
    /*width:300px;*/
    margin-right: 160px;
	position: absolute;
    left: 10px;
	top:10px;
}

div.menublock {
   display:  inline;
    width:calc(100% - 352px);
	text-align:left;
}

.menublock a {
border-bottom:none;
}

/* стили для меню*/

.menublock ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
   vertical-align: bottom;
display:inline-block;
    font-size:1.1em;
}

.menublock ul li {
  display: block;
  position: relative;
  display: inline-block;
    z-index:10;
    margin: 0 11px;
	/*background-color:red;*/
}

.menublock li ul { display: none; margin-top: 0;}

.menublock ul li a {
  display: block;
  padding: 1em 1em 3px 1em;
  text-decoration: none;
  white-space: nowrap;
    color: #333333;
}

.menublock ul li a:hover { color: #009933; }

.menublock li:hover > ul {
  display: block;
  position: absolute;
}

.menublock li:hover li { display: block; }

.menublock li:hover a { color: #333333; background-color: rgba(255,255,255,0.8);}

.menublock li:hover li a:hover { color: #009933; }

.menu li ul li { border-top: 0; }

.menublock ul ul ul {
  left: 100%;
  top: 0;
}

.menublock a.active {
    color:#009933;
}



div.promo {
    
    background: url('../content/images/index/top-bg.jpg') no-repeat;
    background-size: auto 100%;
    background-position: center center;
    height:590px;
    position: relative;
    
}

div.centercenter {
   position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:350px;
	height:100px;
	margin: auto; 
    font-size:2em;
    text-align: center;
    
    color:white;
    text-shadow: 0px 0px 5px #333333;
}


.slides div {
    display: inline-block;
    vertical-align: top;
}

.clearboth {
    clear:both;
}

/* каталог */

.catalog a {
	text-decoration: none;
}

.catalog a>p {
	margin: 5px 0 10px 0;	
}

.catalog span {
	border-bottom: 1px dotted;
}

div.catalog {
	text-align: center;
}

.catalog div {
	display:inline-block;
	width: 140px;
	padding:20px;
	text-align: center;
	vertical-align: top;
    font-size::;em;
}

div.catalog:after {
width: 100%;
display: inline-block;
/*content: ".";*/
visibility: hidden;
}

.catalog img {
	width:100px;
	height:100px;
    border-radius:55px;
    border: 4px solid #009933;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.catalog img:hover {
	width:112px;
	height:112px;
	margin: -6px;
    border-radius:62px;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	}
div.indexicons {
   text-transform: uppercase;
}


/* контактная формы */

div.formblock {
width:50%;
max-width: 700px;
/*margin: 0 auto;*/
}

input[type=text] {
    padding:10px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 5px 0;
	font-size:1em;
	width:100%;
	max-width: 700px;
	font-family: 'Roboto Condensed', sans-serif;
}

input[type=text]:focus {
   /* border-color:#333; */
}

textarea {
	padding:10px; 
    border:1px solid #ccc; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin: 5px 0;
	font-size:1em;
	width:100%;
	max-width: 700px;
	height: 4em;
	font-family: 'Roboto Condensed', sans-serif;
}

input[type=submit] {
    padding:10px 25px; 
    background:#009933; 
	color:white;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	font-size:1em;
	font-family: 'Roboto Condensed', sans-serif;
	}
	
/* каталог проектов */

.projects-catalog a {
	text-decoration: none;
}

.projects-catalog a>p {
	margin: 5px 0 10px 0;
	
}

.projects-catalog span {
	border-bottom: 1px dotted;
}

div.projects-catalog {
	/*text-align: center;
	text-align: justify;*/
    padding: 0;
    margin: 0;
	
	display: flex;
    justify-content: space-between;
    flex-direction: row;
	flex-wrap: wrap;
}

.projects-catalog div {
	/*display:inline-block;*/
	flex: 1 1 160px;
	width: 274px;
	height: 274px;
	padding:20px;
	margin:8.66px 3.33px;
	margin:9.66px 0px;
	text-align: center;
	vertical-align: top;
    font-size:1em;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
	box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
	position:relative;
	overflow: hidden;
}

.projects-catalog div:before {
	background-color:rgba(100,100,100,0.7);
}

.projects-catalog div.fade {
position: absolute !important;
width:260px;
height: 20px;
bottom:-25px;
left:-10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
pointer-events: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div.projects-catalog1:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;

}

.projects-catalog img {
	width:328px;
	height:auto;
	margin-left:-22px;
	margin-top:-22px;
    border-radius:3px;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.projects-catalog p {
	font-weight: bold;
	-webkit-text-shadow: 2px 2px 3px rgba(150,150,150,1);
    -moz-text-shadow: 2px 2px 3px rgba(150,150,150,1);
    text-shadow: 2px 2px 3px rgba(150,150,150,1);
}

/* Галерея */

/* каталог проектов */

.gallery-catalog a {
	text-decoration: none;
}

div.gallery-catalog {
	text-align: center;
	text-align: justify;
    padding: 0;
    margin: 0;
}

.gallery-catalog a {
	display:inline-block;
	width: auto;
	width: 400px;
	height: 300px;
	padding:20px;
	margin:25px 10px;
	text-align: center;
	vertical-align: top;
    font-size:1em;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(200,200,200,1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(200,200,200,1);
	box-shadow: 0px 0px 25px 0px rgba(200,200,200,1);
	position:relative;
	overflow: hidden;
	border-bottom: none;
	vertical-align: middle;
}

div.gallery-catalog:after {
width: 100%;
display: inline-block;
/*content: ".";*/
visibility: hidden;
}

.gallery-catalog img {
	width:auto;
	height:auto;
	max-width: 100%;
	max-height:100%;
    border-radius:3px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}


.bx-wrapper a {
border-bottom: none;
}

.bx-wrapper img {
    margin: 0 auto;
	}

div.slider1  {
text-align: justify;
}

.slider1 img {
}

.slider1 a {
border-bottom: none;
}

.slider1 figure{
   width:300px; /*container-width*/
   height:225px;
   overflow:hidden; /*hide bounds of image */
   margin:5px;   /*reset margin of figure tag*/
   background-color: #e0e0e0;
   display:inline-block;
   
}
.slider1 figure img{
   display:block; /*remove inline-block spaces*/
   height:100%; /*make image streatch*/
   margin: 0 auto;
   }

div.slider  {
/*min-height: 400px;*/
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.slider img {
}

.slider a {
border-bottom: none;
}

.slider figure{
   width: 318px; /*container-width*/
   height:243px;
   overflow:hidden; /*hide bounds of image */
   position: relative;
   background-color: #e0e0e0;
   flex: 0 0 auto;
   margin: 7px 0;
   /*-webkit-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
   -moz-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
   box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);*/
   
}
.slider figure img{
   display:block; /*remove inline-block spaces*/
   width:318px;
   height:243px; /*make image streatch*/
   margin: auto;
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   object-fit: cover;
   }
   
figure.filling {
    width:318px; /*the width of the images in this example*/
    height:0; /*Important! for the divs to collapse should they fall in a new row*/
	}
	
.imagewide img {
width:100%;
height:auto;
}

.center {
text-align: center !important;
}

.hidden {
display:none;
}

/* адаптивность */

@media screen and (max-width:900px) {
    span.less-900 {
		display: none;
    }
	
	span.less-900-show {
		display: inline;
    }
	
	div.logo {
	position: relative;
	margin:0 auto;
	width:263px;
	}
	
	div.menublock {
	width:auto;
	}
	
	ul.menu {
	margin:auto;
	}
	
	div.projects-catalog {
    /*text-align: center;*/
	}
}

/* новости */

div.newsitems {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
/*  align-content: left;*/
overflow: hidden; 
height:200px;
position: relative;
/*

-webkit-transition:height 500ms;
	-moz-transition:height 500ms;
	transition:height 500ms;
z-index: -1;*/

}

.less {

height: auto;
display: none; 

position:absolute;
bottom:5px;
right:10px;
background-color: #009933aa;
color:white;
text-decoration: none;
padding:5px;
border-radius:50px;

}
.more { 
display: none;
position:absolute;
bottom:5px;
right:10px;
background-color: #009933aa;
color:white;
text-decoration: none;
padding:5px;
border-radius:50px;
} 

div.newsitems:hover {
/*height: auto;
z-index:100;
overflow: visible;
-webkit-transition:height 500ms;
	-moz-transition:height 500ms;
	transition:height 500ms;*/
}


div.newsslider {
max-width: 260px;
width: 40%;
}

div.newsitem {
padding: 0 0 0 20px;
width:100%;

}



.newsslider figure{
   width: 100%; /*container-width*/
   height:200px;
   overflow:hidden; /*hide bounds of image */
   position: relative;
   background-color: #e0e0e0;
   flex: 0 0 auto;
   margin: 0px 0;
   /*-webkit-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
   -moz-box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);
   box-shadow: 0px 0px 10px 0px rgba(200,200,200,1);*/
   
}

.newsslider figure {
display:none;
}

.newsslider figure:nth-child(1) {
display:block;
}

.newsslider figure img{
   display:block; /*remove inline-block spaces*/
   width:100%;
   height:200px; /*make image streatch*/
   margin: auto;
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   object-fit: cover;
   }
   
.newsitem h2 {
margin-top: 0px;
}