.cases .col-md-8.collspan-1 p {
display: none;}

.cases .col-md-8.collspan-1 p.readmore {
display: block}

@font-face {
  font-family: 'Palatino-Linotype';
  src: url('../fonts/Palatino-Linotype.eot');
  src: url('../fonts/Palatino-Linotype.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Palatino-Linotype.woff2') format('woff2');
  src: url('../fonts/PalatinoLinotype-Roman.svg#PalatinoLinotype-Roman') format('svg'),
       url('../fonts/PalatinoLinotype-Roman.ttf') format('truetype'),
       url('../fonts/PalatinoLinotype-Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html {
	position: relative;
	min-height: 100%;
	background: url("../images/bottom_bg.png") no-repeat bottom #ffffff;
	background-size: contain;
}
body {
	font: 14px/18px 'Palatino-Linotype', Helvetica, sans-serif;
	color:#2d2d2d;
	background: transparent;
}

/* Main
-------------------------------------------------------*/
.main-top {
	background: url("../images/maintop_img.png") no-repeat top;
	height: 500px;
}
.main-top:after {
	background-image: linear-gradient(to top, #F7F7F7 0, rgba(247, 247, 247, 0.8) 40%, rgba(255, 255, 255, 0));
    width: 100%;
    height: 80px;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
}
.widesection {
	width:100%;
	position: relative;
}
.container {
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
.row {
	display:table;
	width:100%;
}
.mainwrap .container {
	padding: 40px 30px 20px;
	/*background:rgba(247, 247, 247, 0.35);	
	border-bottom: 1px solid #CCC;*/
}
.link {
	font-weight:700;
	color: #1E88B0;
}
#tx_google_map127 {
	height:450px;
}

/* Typo
-------------------------------------------------------*/
h1, h2, h3 {
	line-height: 1em;
}
h1 {
	font-size: 3em;
	margin: 0 0 40px;
}
h2 + h2 {
	margin-top: 10px;
}
p {
	margin: 0 0 16px;
}
.service_item {
    font-size: 1.5em;
}
a {
	color:#2d2d2d;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.contact-page a:hover {
	color:#58a399;
	text-decoration:none;
}
.item-image {
	padding: 3px;
	border: 1px solid #CCC;
	margin: 0 0 20px;
	box-shadow: 1px 1px 3px #CCC;
}
.item-image img {
	vertical-align:top;
	width: 100%;
}
.mainwrap ul {
	padding-left: 30px;
    float: left;
}
.contact-page {
	font-size: 22px;
	line-height: 1.3em;
}
.contact-page p {
	margin: 0 0 20px;
}



/* Header
-------------------------------------------------------*/
#header {
	padding: 20px 0 0;
	/*background: url("../images/hdr_bg.png") repeat-x;*/
}
#header p {
	margin: 0;
}
#header .logo {
    text-align: center;
	font-size:30px;
	font-weight: 300;
	text-decoration:none;
	line-height: 1em;
	color: #2d2d2d;
}
#header .logo a {
	display: block;
	margin: 0 0 25px;
}
#header .logo a img {
	max-width:100%;	
}

/* Footer
-------------------------------------------------------*/
#footer {
	width: 100%;
	font-size:12px;
	padding: 40px 0 30px;
	line-height: 2em;
	color: #2a2a2a;
}
#footer p {
	margin:0;
	font-size: 14px;
    line-height: 20px;
}
#footer a {
	color: #2a2a2a;
    display: inline-block;
	text-decoration:none;
    border-bottom: 1px dashed #2a2a2a;
	transition: 0.3s border;
}
#footer a:hover {
	border-bottom: 1px solid transparent;
	transition: 0.5s border;
}
.studio {
	text-align: right;
}


/* Scroll
-------------------------------------------------------*/
#scroller {
    position: fixed;    
    bottom: 10px;
	right: 10px;
    background: #2d2d2d url("../images/to-top-arrow.png") no-repeat 50% 50%/50%;
    width: 50px;
    height: 40px;
    cursor: pointer;
    display:none;
	border-radius:5px;
}
#scroller:hover {
	background-color:#58a399;
}


/* Topnav
-------------------------------------------------------*/
/*nav {
	background: #58a399;
}*/
nav ul.menu {
	list-style:none;
}
nav ul.menu li {
	display:inline-block;
}
nav ul.menu li a {	
	display:block;
	text-transform: uppercase;
	/*color: #FFF;
	text-shadow: 2px 2px 1px #45867d;*/
}
nav ul.menu li:hover a, nav ul.menu li.active a {
	text-decoration:none;
	/*background:#45867d;*/
}



/* News
-------------------------------------------------------*/
.mainbottom .news {
	padding: 25px 20px;
}
.mainbottom .news .row {
	padding: 0 0 20px;
}
.mainbottom .news .row:last-child {
	padding: 0;
}
.news-title {
	font-size:20px;
}
.news-date {
	font-weight:700;
}
.mainbottom .container {
    background: #f7f7f7;
    padding: 0 0px;
	border: 1px solid #58a399;
}
.mod-header {
	background: #58a399;
	color: #FFF;
	padding: 20px;
    font-size: 24px;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #45867d;
}
.news-image .item-image {
	width: auto;
}


/* Catalog
-------------------------------------------------------*/
.catalog .container {
	padding: 40px 0 0;
}
.cat-item {
	float:left;
	margin-bottom: 2%;
}
.cat-item a {
	text-decoration: none;
    color: #2d2d2d;
    display: block;
    border: 1px solid transparent;
	border: 1px solid #807a79;
	transition: 0.2s box-shadow;
}
.cat-item a:hover {
	box-shadow: 0px 0px 8px -3px #000001;
    transition: 0.5s box-shadow;
}
.cat-image {
	margin:0;
}
.cat-image img {
	vertical-align:top;
	width: 100%;
}
.cat-title {
	font-size: 20px;
	background: #FFF;
	padding: 20px 0;
	text-align:center;
	margin:0;
	text-transform: uppercase;
}


/* Cases
-------------------------------------------------------*/
.cases {
	margin: 0 0 30px;
}
.cases .page-header {
	margin: 0 0 20px;
}
.cases .item-image {
	width: 100%;
	margin-right:20px;
}
.readmore a {
	color: #58A399;
}

/* Pagination
-------------------------------------------------------*/
.pagination {
	margin: 20px auto;
}
.pagination ul {
	display:flex;
}
.pagination li {
	list-style:none;
	text-align: center;
}
.pagination li.disabled {
	display:none;
}
.pagination li a span, .pagination li span {
	display:block;
	padding: 2px 12px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	color: #313131;
	margin: 0 4px;
}
.pagination li.active span {
	background: #ebebeb;
}
.pagination a {
	text-decoration:none;
	transition: 0.5s;
}
.pagination li:hover a span {
	color: #FFF;
	transition: 0.5s;
	background: #58a399;
    border: 1px solid #58a399;
}


/* Gallery
-------------------------------------------------------*/
.cwgallery { margin: 5px; margin: 0 0 20px;}
.cwgallery .calbum { padding: 5px; }
.cwgallery .cphotobox { display: inline-block; padding: 5px; border: 1px solid #d5d5d5; margin: 3px; }
.cwgallery .cphotobox .wrap { overflow: hidden; height: auto; visibility: visible; }
.cwgallery .cphotobox .wrap a.cimage { margin: 0px !important; }
.cwgallery .cphotobox .wrap img { height: auto; max-width: none; vertical-align: top; }


/* Form
-------------------------------------------------------*/
.form-header {
    padding: 0 0 40px;
    font-size: 22px;
    margin: 0;
	line-height: 1em;
}
input {
	width: 100%;
    line-height: 20px;
    padding: 5px;
    margin: 0 0 10px;
    font-size: 14px;
    font-family: inherit;
}
label {
	display:none;
}
.textarea {
	width: 100%;
	height: 150px;
    line-height: 20px;
    padding: 5px;
    margin: 0 0 10px;
    font-size: 14px;
    font-family: inherit;
}
.lcaphca {
	font-size: 20px;
	text-align:center;
	margin: 0 0 10px;
}
.inconverformsend input {
    line-height: 30px;
    padding: 5px;
    margin: 0 0 10px;
    background: #58a399;
    color: #FFF;
    border: none;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 5px solid #45867d;
	cursor: pointer;
}
.inconverformsend input:hover, .inconverformsend input:focus {
	background: #45867d;
}
	

/** MEDIA QUERIES
===================================*/

@media screen and (min-width:990px) {
	.widesection {
		min-width: 1000px;
	}
	.container {
		width: 980px;
	}
	.mainwrap {
		min-width: 1000px;
	}
	body {
		min-width: 1000px;
	}
	h1 {
		font-size: 24px;
	}
	nav ul.menu li a {
		padding: 10px 14px 10px;
		font-size:24px;
	}
	.cat-item:nth-child(3n+3) {
		margin-right: 0;
	}
	.cat-item {
		width: 32%;
		margin-right: 2%;
	}
}

@media screen and (max-width: 989px) {
	h1 {
		text-align: center;
	}
	.cat-item {
		width: 48%;
		margin: 0 1% 2%;
	}
}
@media screen and (min-width: 749px) and (max-width: 989px) {	
	nav ul.menu li a {
		padding: 15px 16px 17px;
		font-size: 1.1em;
	}
}
@media screen and (min-width:749px) {
	#header .logo a {
		width:250px;
	}
	.fixed-nav {
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 99;
	}
	div[class*="col-md"]{
		float:left;
	}
	.menu-link {
		display:none;
	}
	.top-contacts {
		text-align:right;
	}
	.collspan-1 {margin-left: 8.33%;}
	.collspan-3 {margin-left: 25%;}
	.collspan-4 {margin-left: 33.33%;}
	.col-md-1 {width: 8.33%;}
	.col-md-2 {width: 16.66%;}
	.col-md-3 {width: 25%;}
	.col-md-4 {width: 33.33%;}
	.col-md-5 {width: 40%;}
	.col-md-6 {width: 50%;}
	.col-md-7 {width: 60%;}
	.col-md-8 {width: 66.67%;}
	.col-md-9 {width: 75%;}
	.col-md-10 {width: 83.34%;}
	.col-md-11 {width: 91.67%;}
	.col-md-12 {width: 100%;}
	nav ul.menu {
		text-align: center;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #2c2c2c;
	}
	#menu {display:none;}
	.pull-left {
		float:left;
	}
	.pull-right {
		float:right;
	}
	.pull-left.item-image {
		margin-right: 20px;
		margin-top: 5px;
		margin-bottom: 100px;
	}
	.pull-right.item-image {
		margin-left: 20px;
		margin-top: 5px;		
	}
	.news-image {
		padding-right: 20px;
	}
	.news-image img {
		width: 100%;
	}
	.item-image {
		width: 400px;
	}
	.cwgallery .cphotobox {
		width: 30%;
		margin: 3px 1.2%;
	}
	.cwgallery .cphotobox img {
		width: 100%;
	}
}
@media screen and (max-width:749px) {
	.topmenu {
		display:none;
	}
	.nav-link {
		text-align: center;
		background-color: #58a399;
	}
	.panel {
		position: fixed;
		left: -15.625em;
		width: 15.625em;
		z-index: 9;
		background: #58a399;
	}
	.menu-link {
		font-size: 18px;
		position: relative;
		color: #FFF;
		padding: 15px 0;
		border-radius: 3px;
		text-decoration: none;
		display: block;
	}
	.nav-link:hover {
		background-color:#211f20;
	}
	.nav-link:hover a:hover {
		text-decoration: none;
	}
	nav ul.menu li {
		display:block;
		border-top: 1px solid #5BB3A7;
		border-bottom: 1px solid #4D988E;
	}
	nav ul.menu li a {
		padding: 15px 20px 15px;
		font-size: 18px;
		color:#fff;
	}
	div[class*="collspan"]{
		margin:0;
	}
	#footer {
		padding: 15px 0;
	}
	#footer p {
		text-align: center;
	}
	.studio {
		margin: 10px 0 0;
	}
	.item-image {
		text-align: center;
		margin: 0 auto 40px;
	}
	.cwgallery .cphotobox {
		width: 48%;
	}
	.cwgallery .cphotobox img {
		width: 100%;
	}
	.cat-title {
		font-size: 18px;
		min-height: 80px;
	}
}
@media screen and (max-width:480px) {
	.cat-title {
		font-size: 14px;
	}
}

.languages {
	float: right;
    margin: -23px 0px 0px 0px;
    padding: 10px 0px 15px 0px;
}

div.mod-languages a {
  text-decoration: none;
  border: 1px solid #000;
  padding: 3px 3px 3px 6px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  background: #58A399;
}

div.mod-languages a:hover {
  background: #2C2C2C;
}

li.lang-active a {
	background: #2C2C2C;
}