@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,400i,700|Noto+Serif:400,700&subset=cyrillic');

body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: "Fira Sans", Arial, Helvetica, sans-serif;
	color: #8e8e8e;
	font-size: 14px;
}


*,
*:before,
*:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

p {
	margin: 0;
}

p + p {
	margin-top: 20px;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

a img {
	border: 0;
}

a {
	outline: 0 none;
}

*:focus {
	outline: 0 none;
}

a,
a:link,
a:visited {
	color: #00694c;
	text-decoration: none;

	transition: color .25s;
}

a:hover {
	color: #044b37;
}

a:active {

}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top: 0; 
	margin-bottom:  0; 
} 

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
    font-family: 'Noto Serif', serif;
	margin: 0;
	margin-bottom: 20px;
}

button,
input[type=submit],
input[type=button] {
	cursor: pointer;
}

button,
input[type=text],
input[type=email],
input[type=submit] {
	-webkit-appearance: none;
}

.columns:after {
	content: "";
	display: block;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.text-justify {
	text-align: justify;
}

.container {
	width: 100%;
	max-width: 1024px;
	padding: 20px;
	margin: auto;
}

#system-message-container .alert.alert-warning,
#system-message-container .alert.alert-error {
	background: #f4d0d6;
	padding: 20px;
	margin-bottom: 20px;
	color: rgba(0, 0, 0, 0.9);

	position: relative;
	z-index: 7;
}

#system-message-container .alert.alert-message {
	background: rgba(98, 214, 104, 0.3);
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.9);
}

#system-message-container .alert .close {
	font-family: "Arial", sans-serif;
	color: black;
	float: right;
	cursor: pointer;
}

#footer {
	background: #404753;
}

#copyright {
	color: #6a6c72;
	background: #333841;
	font-size: 12px;
}

#copyright-block span {
	color: #FFF;
}

#copyright-block {
	float: left;
}

#signature {
	float: right;
}

#signature a {
	color: #6a6c72;
}

#signature a:hover {
	color: #FFF;
}

#copyright #copyright-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#copyright #copyright-navigation ul.nav-child {
	display: none;
}

#top p {
	margin: 0;
}

#top-left {
	float: left;
}

#top-right {
	float: right;
}

#top-right .moduletable {
	display: inline-block;
}

#top-right .moduletable + .moduletable {
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
}

#top-right .moduletable + .moduletable:before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	border-left: 1px solid #EEE;
}

#top-right ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

#top-right ul li {
	display: block;
	margin: 0;
}

#top-right ul li + li {
	margin-top: 1px;
}

#top-right ul li a {
	color: #AAA;
	display: block;
	position: relative;
	font-size: 13px;
	padding: 5px;
	transition: none;
}


#top-right ul li a:hover:after,
#top-right ul li.lang-active a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/*border-bottom: 2px solid;*/
}

#top-right ul li.lang-active a,
#top-right ul li a:hover {
	color: #FFF;
	background: #00b684;
}

#top {
	position: relative;
	height: 102px;
}

#logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 150px;
	height: 82px;
}

#logo img {
	width: 150px;
	height: 82px;
}

#top-left .custom {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	position: relative;
	padding-left: 30px;

	background: url("../images/ic_pin-green@2x.png") no-repeat left center;
	background-size: 20px 30px;
	min-height: 30px;
	padding-top: 3px;
}

#top-right .custom {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	position: relative;
	padding-left: 40px;

	background: url("../images/ic_phone-green@2x.png") no-repeat left center;
	background-size: 30px 30px;
	min-height: 30px;
	padding-top: 3px;
}

#top .container {
	line-height: 62px;
}

#top-left .custom,
#top-right .custom {
	font-size: 12px;
	color: #939393;
	text-transform: uppercase;
}

#top-left .custom > p:first-child,
#top-right .custom > p:first-child {
	color: #00694c;
}

#navigation {
	background: rgba(0, 0, 0, .8);
	line-height: 60px;
	font-size: 14px;
	height: 60px;
}

#navigation .container {
	padding-top: 0;
	padding-bottom: 0;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation ul.nav.menu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

#navigation ul.nav.menu > li {
	position: relative;
	text-transform: uppercase;
	display: inline-block;
}

#navigation ul.nav.menu > li + li {
	margin-left: 10px;
}

#navigation ul li span,
#navigation ul li a {
	padding: 0;
	color: #FFF;
	position: relative;
	display: inline-block;
	white-space: nowrap;
}

#navigation ul.nav.menu > li > a:after,
#navigation ul.nav.menu > li > span:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: #00b684;

	transform: scaleY(0);
	transform-origin: 50% 100%;
	/*opacity: 0;*/
	visibility: hidden;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;
}

#navigation ul.nav.menu > li.active > a:after,
#navigation ul.nav.menu > li.active > span:after,
#navigation ul.nav.menu > li:hover > a:after,
#navigation ul.nav.menu > li:hover > span:after {

	transform: scaleY(1);
	transform-origin: 50% 100%;
	/*opacity: 1;*/
	visibility: visible;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;
}

#navigation ul.nav-child {
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	background: rgba(0, 0, 0, 0.9);
	line-height: 1;
	transform: translateX(-50%);
	min-width: 260px;
	text-transform: none;
	z-index: 88;
	padding-top: 10px;
	padding-bottom: 10px;
}

#navigation ul.nav-child:before {
	content: "";
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;

}

#navigation ul.nav-child li {
	text-align: center;
}

#navigation ul.nav-child li a {
	padding: 15px 0;
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block;
	text-align: center;
	color: #CCC;
}

#navigation ul.nav-child li a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	border-bottom: 2px solid #00b684;
	bottom: 10px;

	opacity: 0;
	visibility: hidden;

	transition: transform .25s,
				opacity .25s,
				visibility .25s;
}

#navigation ul.nav-child li:hover a:after {
	opacity: 1;
	visibility: visible;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;
}

#navigation ul.nav-child li a:hover {
	color: #FFF;
}

#navigation ul.nav.menu > li:hover ul.nav-child {
	display: block;
}

#navigation ul.nav.menu > li.item-203 > a:after,
#navigation ul.nav.menu > li.item-144 > a:after {
	display: none;
}

#navigation ul.nav.menu > li.item-203 > a,
#navigation ul.nav.menu > li.item-144 > a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding: 10px;
	padding-bottom: 9px;
	border: 2px solid #00694c;
	color: #00b684;
	border-radius: 2px;
}


#navigation ul.nav.menu > li.item-203.active > a,
#navigation ul.nav.menu > li.item-203 > a:hover,
#navigation ul.nav.menu > li.item-144.active > a,
#navigation ul.nav.menu > li.item-144 > a:hover {
	background: #00694c;
	color: #FFF;
}

#slider {
	margin-top: -60px;
	position: relative;
	z-index: 3;
}

#top,
#navigation {
	position: relative;
	z-index: 5;
}

#top {
	background: #FFF;
}


#copyright-navigation ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

#copyright-navigation ul > li {
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}

#copyright-navigation ul > li + li {
	margin-left: 10px;
}

#copyright-navigation ul li span,
#copyright-navigation ul li a {
	padding: 0;
	color: #FFF;
	position: relative;
	display: inline-block;
	white-space: nowrap;
}

#copyright-navigation ul > li a {
	padding-top: 10px;
	display: inline-block;
	color: #5c6067;
}

#copyright-navigation a.footer_quote {
	display: inline-block;
	padding: 10px;
	padding-bottom: 9px;
	vertical-align: middle;
	border: 1px solid #FFF;
	border-radius: 2px;
	color: #FFF;

	transition: color .25s,
				background .25s;
}

#copyright .container a:hover {
	color: #FFF;
}

#copyright-navigation a.footer_quote:hover {
	background: #FFF;
	color: #333841;
}

#copyright-navigation {
	position: relative;
}

#copyright-navigation:before {
	content: "";
	left: 20px;
	right: 20px;
	bottom: 0;
	border-bottom: 1px solid #404753;
	position: absolute;
}

#copyright-navigation {
	padding-bottom: 10px;
}

#copyright-navigation + .container {
	padding-top: 10px;
}

#footer-1 {
	float: left;
}

#footer-2 {
	float: right;
}


#footer-1 img {
	width: 230px;
	height: 49px;
}


#footer-2 .custom {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	position: relative;
	padding-left: 60px;


	min-height: 30px;
	padding-top: 3px;
}

#footer-2 .moduletable + .moduletable .custom {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	position: relative;
	padding-left: 60px;

	
	min-height: 30px;
	padding-top: 3px;
}


#footer-2 .custom:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: url("../images/ic_pin-white@2x.png") no-repeat 13px center;
	background-size: 20px 30px;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background-color: #525b6b;
	margin: auto;
}

#footer-2 .moduletable + .moduletable .custom:before {
	background-image: url("../images/ic_phone-white@2x.png");
	background-size: 30px 30px;
	background-position: 8px center;
}


#footer-2 .custom,
#footer-2 .custom {
	font-size: 12px;
	color: #939393;
	text-transform: uppercase;
}

#footer-2 .custom > p:first-child,
#footer-2 .custom > p:first-child {
	color: #FFF;
}


#footer-2 p {
	margin: 0;
}

#footer-2 {
	line-height: 49px;
}

#footer-2 .moduletable {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

#footer-2 .moduletable + .moduletable {
	margin-left: 20px;
}

#slider .camera_pag {
	position: absolute;
}

#slider .camera_wrap {
	margin-bottom: 0 !important; 
}

#slider .camera_caption > div {
	background: none;
}

#slider .camera_caption {
	max-width: 1024px;
	padding: 0 20px;
	margin: auto;
	top: 50%;
	bottom: auto;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: 20px;

	transform: translateY(-50%);
}

#slider .camera_caption_title {
	font-size: 24px !important;
	text-transform: uppercase;
	font-family: "Noto Serif", serif;
	font-weight: bold;
	margin-bottom: 12px;
	position: relative;
	padding-bottom: 12px;
}

#slider .camera_caption_title:first-line {
	font-size: 20px !important;
}

#slider .camera_caption_desc {
	font-size: 14px !important;
	font-family: "Fira Sans", sans-serif;
	line-height: 1;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	text-align: center;
}

#slider .camera_caption_desc a {
	background: #00b684 !important;
	color: #FFF;
	border-radius: 3px;
	padding: 10px;
	min-width: 150px;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	text-transform: uppercase;
	transition: background .25s;
}

#slider .camera_caption_desc a:hover {
	background: #333 !important;
}

#slider .moduletable {
	position: relative;
}

#slider .camera_pag {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 10;
	text-align: center;
	transform: translateX(-50%);
}

#slider .camera_pag li {
	width: 10px;
	height: 10px;
	background: none;
	border: 2px solid #FFF;
	position: relative;
	transition: background .25s;
}


#slider .camera_pag li:hover,
#slider .camera_pag li.cameracurrent {
	background: #FFF;
}

#slider .camera_pag li:hover:before,
#slider .camera_pag li.cameracurrent:before {
	transform: scale(1);
	opacity: 1;
	visibility: visible;

	transition: transform .25s,
				opacity .25s,
				visibility 0s;
}

#slider .camera_pag li span {
	display: none;
}


#slider .camera_pag li {
	margin: 0 7px;
}

#slider .camera_prev span,
#slider .camera_next span {
	display: none;
}


#slider .camera_prev,
#slider .camera_next {
	width: 30px;
	height: 58px;
	margin-top: -15px;

	transition: opacity .25s;
}

#slider .camera_prev:hover,
#slider .camera_next:hover {
	opacity: 1 !important;
}

#slider .camera_prev {
	background: url("../images/slider_arrow-left@2x.png") no-repeat left center;
	background-size: 30px 58px;

	left: 20px;
}

#slider .camera_next {
	background: url("../images/slider_arrow-right@2x.png") no-repeat right center;
	background-size: 30px 58px;

	right: 20px;
}

#slider .camera_commands {
	display: none !important;
}

#slider .camera_caption_desc_text {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px;
}

#services .moduletable {
	float: left;
	width: calc(33.33% - 20px);
	margin: 20px 10px;
}

#services .container {
	padding-left: 10px;
	padding-right: 10px;
}

#services .custom {
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 52.68%;
	background-size: 100%;
}

#services .custom h3 {
	padding: 15px 0;
	font-family: "Fira Sans", sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0;
}

#services .custom p {
	color: #868686;
	font-size: 14px;
	line-height: 1.2;
}

#services .custom a {
	display: inline-block;
	color: #00694c;
	border: 1px solid #b3bec3;
	border-radius: 3px;
	padding: 10px 20px;
	line-height: 1;
	text-transform: uppercase;
	transition: background .25s,
				color .25s;
}

#services .custom:hover a,
#services .custom a:hover {
	background: #00694c;
	color: #FFF;
}

#home-about {
	position: relative;
	z-index: 8;
	color: #cdd8d6;
}

#home-about .item-title {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 30px;
}

#home-about .item-title:first-line {
	text-transform: none;
	font-size: 16px;
}

#home-about:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	top: 0;
	right: 0;
	background: url("../images/home-about-bg.jpg") no-repeat center center;
	background-size: cover;
	z-index: -1;
}

#about-image {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#about-content {
	width: 50%;
	margin-left: auto;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-about .container {
	padding-top: 0;
	padding-bottom: 0;
}

#about-content table {
	margin-top: 30px;
	display: inline-table;
	border-spacing: 0;
	border-collapse: collapse;;
}

#about-content table td {
	padding-top: 7px;
	padding-bottom: 7px;
}

#about-content table td + td {
	text-transform: uppercase;
	color: #FFF;
	padding-left: 20px;
}

#about-content .line1,
#about-content .line2,
#about-content .line3 {
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	white-space: nowrap;
}

#about-content sup {
	font-size: 12px;
	font-weight: normal;
	margin-left: 2px;
}

#about-content .line1,
#about-content .line2 {
	padding: 10px;
	background: url("../images/bg-border-top.png") no-repeat right top,
				url("../images/bg-border-bottom.png") no-repeat left bottom;
	background-size: 12px 12px, 12px 12px;
}

#about-content .line3:after {
	content: "";
	display: inline-block;
	background: url("../images/staff.png") no-repeat center center;
	background-size: 54px 46px;
	width: 54px;
	height: 46px;
	margin-left: 5px;
	vertical-align: middle;
}


#nav-trigger {
	display: none;
}

#nav-close {
	display: none;
}


#floating {
	display: none;
}

.contact h3 {
	display: none;
}


.contact h3 {
	display: none;
}

.contact:after {
	clear: both;
	display: block;
	content: "";
}

.contact-form {
	float: left;
	width: 50%;
	padding-right: 30px;
}

.contact-miscinfo {
	padding-left: 30px;
	width: 50%;
	float: left;
}

.contact-form legend {
	display: none;
}

.contact-form fieldset {
	padding: 0;
	border: 0 none;
	margin: 0;
}

.bfElemWrap {
	padding: 0 !important;
	background: none !important;
}

.bfElemWrap label,
.bfElemWrap input[type=text],
.bfElemWrap input[type=email],
.bfElemWrap input[type=file],
.bfElemWrap textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.bfElemWrap input[type=text],
.bfElemWrap input[type=email],
.bfElemWrap textarea,
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
	width: 100%;
	display: block;
	padding: 10px;
	font-family: inherit;
	font-size: inherit;
	/*border: 1px solid #DDD;*/
	border: 0 none;
	background: none;
	color: #999;
	border-radius: 2px;
	border: 1px solid #b3bec3;
	transition: background .25s,
				color .25s;
}

.bfElemWrap input[type=file]:hover,
.bfElemWrap input[type=file]:focus,
.bfElemWrap input[type=text]:focus,
.bfElemWrap input[type=email]:focus,
.bfElemWrap textarea:focus,
.bfElemWrap input[type=text]:hover,
.bfElemWrap input[type=email]:hover,
.bfElemWrap textarea:hover,
.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form textarea:focus,
.contact-form input[type=text]:hover,
.contact-form input[type=email]:hover,
.contact-form textarea:hover {
	background: #F3F3F3;
	color: #333;
}

textarea {
	resize: vertical;
}

.contact .control-group + fieldset,
.contact fieldset + fieldset,
.contact fieldset + .control-group,
.contact-form .control-group + .control-group {
	margin-top: 15px;
}

.bfSubmitButton,
.bfElemWrap + .bfElemWrap {
	margin-top: 15px !important;
}

.bfElemWrap label,
.contact-form .control-label {
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 12px;
}

.button.bfSubmitButton,
.contact button.btn-primary {
	background: none;
	display: inline-block;
	color: #00694c;
	border: 1px solid #b3bec3;
	border-radius: 3px;
	padding: 10px 20px;
	line-height: 1;
	text-transform: uppercase;
	transition: background .25s,
				color .25s;
}

.button.bfSubmitButton:hover,
.button.bfSubmitButton:focus,
.contact button.btn-primary:hover,
.contact button.btn-primary:focus {
	background: #00694c;
	color: #FFF;
}

.popover,
.tooltip {
	display: none !important;
}

.contact .jicons-icons {
	display: none;
}

.contact-miscinfo {
	padding-top: 16px;
}

.contact-miscinfo h3 {
	display: block;
	margin-bottom: 5px;
	margin-top: 20px;
}

.contact-miscinfo p + p {
	margin-top: 5px;
}

.contact-miscinfo p + h3 {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 2px solid #DDD;
}

.contact-miscinfo h3 {
	color: #555;
	margin-bottom: 15px;
}

.contact-miscinfo p {
	color: #777;
}

.contact-miscinfo {
	position: relative;
	z-index: 5;
}

.contact-miscinfo:before {
	content: "";
	position: absolute;
	top: -500px;
	bottom: -500px;
	right: -1000px;
	background: #F7F7F7;
	left: 0;
	z-index: -1;
}

#main-container {
	overflow: hidden;
}

.contact-misc > h3:first-child {
	margin-top: 0;
}

.contact dt,
.contact dd,
.contact dl {
	padding: 0;
	margin: 0;
}

.blog:after {
	clear: both;
	display: block;
	content: "";
}


.blog .items-row {
	float: left;
	width: calc(33.33% - 20px);
	margin: 20px 10px;
}

.blog.factory .items-row {
	width: calc(50% - 20px);
}

.blog.factory > .items-row:nth-child(3n+1) {
	clear: none;
}

.blog.factory > .items-row:nth-child(2n+1) {
	clear: both;
}

.blog > .items-row:nth-child(3n+1) {
	clear: both;
}

.blog .page-header h2 {
	padding: 15px 0;
	font-family: "Fira Sans", sans-serif;
	font-size: 22px;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0;
}

.blog .item p {
	color: #868686;
	font-size: 14px;
	line-height: 1.2;
}

.blog p.readmore a {
	display: inline-block;
	color: #00694c;
	border: 1px solid #b3bec3;
	border-radius: 3px;
	padding: 10px 20px;
	line-height: 1;
	text-transform: uppercase;
	transition: background .25s,
				color .25s;
}

.blog .items-row .span12:hover p.readmore a,
.blog p.readmore a:hover {
	background: #00694c;
	color: #FFF;
}

#sidebar {
	float: right;
	width: 30%;
	padding-left: 30px;
}

#sidebar + #component {
	float: left;
	width: 70%;
	padding-right: 30px;
}

#sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 2px;
}

#sidebar ul li {
	position: relative;
}

#sidebar ul li + li {
	padding-top: 5px;
	margin-top: 5px;
}

#sidebar ul li + li:before {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	border-top: 1px solid #CCC;
	content: "";
}

#sidebar ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;

	transition: none;
}

#sidebar ul li.active a,
#sidebar ul li a:hover {
	background: #00b684;
	color: #fff;
}


#sidebar .moduletable_menu h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 21px;
}

#main-container .container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.swiper-container {
	background: #EEE;
	padding: 30px 0;
	position: relative;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.sigplus-gallery {
	margin-top: 20px;
}

.swiper-button-next,
.swiper-button-prev {
	border-radius: 100%;
	background: #000;
	width: 44px !important;
	height: 44px !important;

	background-size: 16px 26px !important;
}

.swiper-button-prev {
	background-position: 12px center !important;
}


.swiper-button-next {
	background-position: 17px center !important;
}



ul.swiper-wrapper {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.swiper-wrapper li {
	width: 30%;
	padding: 0;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	padding: 10px;
}

ul.swiper-wrapper li a {
	display: block;
	width: 100%;
}

ul.swiper-wrapper li img {
	display: block;
	max-width: 100%;
}

.bfElemWrap input[type=file] {
	width: 100%;
	display: block;
	padding: 10px;
	font-family: inherit;
	font-size: inherit;
	/*border: 1px solid #DDD;*/
	border: 0 none;
	background: none;
	color: #999;
	border-radius: 2px;
	border: 1px solid #b3bec3;
	transition: background .25s,
				color .25s;
}

@media screen and (max-width: 960px) {

	.swiper-container {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}


	ul.swiper-wrapper li {
		width: 60%;
	}

	#sidebar {
		float: none;
		width: 100%;
		padding: 0;
	}

	#sidebar h3 {
		display: none;
	}

	#sidebar {
		margin-top: -40px;
		margin-bottom: 20px;
	}

	#sidebar ul {
		white-space: nowrap;
		overflow: auto;
		margin-left: -20px;
		margin-right: -20px;
		background: #00b684;
		border: 0 none;
		border-radius: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	#sidebar ul li a {
		color: #FFF;
		line-height: 1;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#sidebar ul li {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#sidebar ul li:before {
		display: none !important;
	}

	#sidebar ul li + li {
		padding-left: 10px !important;
		margin-left: 10px !important;
	}

	#sidebar ul li + li:after {
		content: "";
		position: absolute;
		left: 0;
		top: 20px;
		bottom: 20px;
		border-left: 1px solid rgba(255, 255, 255, .3);
	}

	#sidebar ul li a {
		opacity: .6;
		position: relative;
	}

	#sidebar ul li.active a {
		opacity: 1;
	}

	#sidebar ul li.active a:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		border-bottom: 4px solid #044b37;
		opacity: .5;
	}

	#sidebar + #component {
		width: 100%;
		padding: 0;
	}

	#slider {
		margin-top: 0;
	}

	#logo img {
		width: 75px;
		height: 41px;
	}

	#logo {
		width: 75px;
		height: 41px;
	}

	#top .container {
		line-height: 60px;
		padding-top: 0;
		padding-bottom: 0;
	}

	#top {
		height: 60px;
	}

	#floating {
		position: fixed;
		bottom: 20px;
		left: 50%;
		display: block;
		transform: translateX(-50%);
		z-index: 15;
		white-space: nowrap;
	}

	#floating a {
		padding: 15px;
		display: inline-block;
		background: #00b684;
		color: #FFF;
		border-radius: 20px;
		line-height: 1;
		padding-bottom: 14px;
	}

	#floating a + a {
		background: #FFF;
		color: #00694c;
		text-transform: uppercase;
		border: 1px solid #EEE;
	}

	#copyright {
		padding-bottom: 70px;
	}

	#top {
		position: relative;
	}

	#top-right {
		float: left;
	}

	#top-right .moduletable {
		display: none;
	}

	#top-right .moduletable + .moduletable {
		padding-left: 0;
		display: block;
		margin-left: 0;
	}

	#top-right .moduletable + .moduletable:before {
		display: none;
	}

	#top-left {
		display: none;
	}


	#navigation ul.nav-child {
		display: none !important;
	}

	#navigation .moduletable_menu {
		position: absolute;
		top: 0;
		transform: translate3d(0, -100%, 0);
		left: 0;
		right: 0;
		visibility: hidden;
		background: #000;

		transition: transform .25s,
					opacity .25s,
					visibility .25s;
	}

	.nav-visible #navigation .moduletable_menu {
		visibility: visible;
		transform: translate3d(0, 0, 0);

		transition: transform .25s,
					opacity .25s,
					visibility 0s;
	}

	#top {
		z-index: 10;
	}

	#navigation ul.nav.menu {
		display: block;
	}

	#navigation ul.nav.menu > li {
		display: block;
		width: 100%;
		margin: 0 !important;
		text-align: center;
	}

	#navigation ul.nav.menu > li > a {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}

	#navigation ul.nav.menu > li > a:after {
		display: none;
	}

	#navigation ul.nav.menu > li.current > a:before {
		content: "";
		position: absolute;
		left: 20px;
		right: 20px;
		width: 30px;
		margin-left: auto;
		margin-right: auto;
		bottom: 15px;
		height: 2px;
		background: #00b684;
	}

	#navigation .container {
		position: relative;
		height: inherit;
	}

	#navigation {
		height: 0;

	}

	#nav-trigger {
		position: absolute;
		right: 20px;
		top: 20px;
		bottom: 20px;
		width: 30px;
		height: 21px;
		display: block;
		margin: auto;
		cursor: pointer;
	}

	#nav-trigger > * {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.nav-trigger-top:after,
	.nav-trigger-mid:after,
	.nav-trigger-mid:before,
	.nav-trigger-bottom:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		border-top: 3px solid #000;
		content: "";
	}

	.nav-trigger-mid:before,
	.nav-trigger-mid:after {
		top: 11px;
		margin-top: -2px;
	}

	.nav-trigger-bottom:after {
		top: auto;
		bottom: 0;
		border-top: 0 none;
		border-bottom: 3px solid #000;
	}

	.nav-trigger-top {
		transition: transform .25s,
					opacity .25s,
					visibility .25s;

		transition-delay: .25s;
	}

	.nav-trigger-bottom {
		transition: transform .25s,
					opacity .25s,
					visibility .25s;

		transition-delay: .25s;
	}

	.nav-visible .nav-trigger-top {
		transform: translate3d(0, 9px, 0);
		visibility: hidden;

		transition: transform .25s,
					visibility .25s;
	}

	.nav-visible .nav-trigger-bottom {
		transform: translate3d(0, -10px, 0);
		visibility: hidden;

		transition: transform .25s,
					visibility .25s;
	}

	.nav-trigger-mid:after,
	.nav-trigger-mid:before {
		transition: transform .25s;
	}

	.nav-visible .nav-trigger-mid {
		transition: transform .25s;
		transform: rotate3d(0, 0, 1, 180deg);
		transition-delay: .25s;
	}

	.nav-visible .nav-trigger-mid:after {
		transform: rotateZ(-45deg);
		transition: transform .25s,
					visibility .25s;

		transition-delay: .25s;
	}

	.nav-visible .nav-trigger-mid:before {
		transform: rotateZ(45deg);
		transition: transform .25s,
					visibility .25s;

		transition-delay: .25s;
	}

	#navigation ul li.item-203,
	#navigation ul li.item-144 {
		display: none !important;
	}
	
	.blog .items-row,
	#services .moduletable {
		max-width: 317px;
		margin-left: auto;
		margin-right: 20px;
		width: calc(50% - 20px);
	}

	.blog.factory .items-row {
		max-width: 100%;
	}
	
	.blog > .items-row:nth-child(2n),
	#services .container > .moduletable:nth-child(2n) {
		margin-left: 20px;
		margin-right: auto;
	}

	.blog > .items-row:nth-child(3n+1) {
		clear: none;
	}

	.blog > .items-row:nth-child(2n+1),
	#services .container > .moduletable:nth-child(2n+1) {
		clear: both;
	}
	
	.blog.products,
	#services .container {
		max-width: 694px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#copyright #copyright-navigation ul {
		display: block;
		text-align: center;
	}

	#copyright #copyright-navigation ul li {
		display: block;
		margin: 0 !important;
		margin-bottom: 10px !important;
	}

	#copyright #copyright-navigation ul li a {
		padding: 5px;
	}

	#copyright #copyright-navigation ul > li:last-child {
		margin-top: 15px !important;
	}

	#copyright-block {
		float: none;
		text-align: center;
		margin-top: 10px;
	}

	#signature {
		text-align: center;
		float: none;
		margin-top: 10px;
	}

	#footer-1 {
		float: none;
		text-align: center;
	}

	#footer-2 {
		float: none;
		text-align: center;
	}

	#footer-2 .moduletable {
		text-align: left;
	}

	#about-image {
		position: relative;
		width: auto;
		padding-bottom: 50%;
		margin-left: -20px;
		margin-right: -20px;
	}

	#about-content {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	#home-about:before {
		left: 0;
		width: 100%;
	}

	#home-about {
		text-align: center;
	}

	#home-about table {
		text-align: left;
	}


	#slider .camera_prev,
	#slider .camera_next {
		width: 15px;
		height: 29px;
		margin-top: -7px;

		transition: opacity .25s;
	}

	#slider .camera_prev {
		background: url("../images/slider_arrow-left@2x.png") no-repeat left center;
		background-size: 15px 29px;

		left: 20px;
	}

	#slider .camera_next {
		background: url("../images/slider_arrow-right@2x.png") no-repeat right center;
		background-size: 15px 29px;

		right: 20px;
	}

	#slider .camera_caption {
		margin-top: 0;
		padding-left: 60px;
		padding-right: 60px;
	}

	#floating {
		border-radius: 20px;
		overflow: hidden;
	}

	#top {
		box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	}	
}

@media screen and (max-width: 768px) {
	
	.contact-form,
	.contact-miscinfo {
		width: 100%;
		float: none;
		padding: 0;
	}

	.contact-miscinfo {
		margin-top: 40px;
	}

	.contact-miscinfo:before {
		bottom: -40px;
		left: -1000px;
		top: -20px;
	}

}

@media screen and (max-width: 480px) {

	ul.swiper-wrapper li {
		width: 80%;
	}
	
	.blog .items-row,
	#services .moduletable {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none;
	}

	.blog .items-row + .items-row,
	#services .moduletable + .moduletable {
		margin-top: 40px;
	}

	#footer-2 .custom {
		padding-left: 0 !important;
		background: none !important;
	}

	#footer-2 .custom:before {
		display: none;
	}

	#footer-2 .moduletable {
		text-align: center;
		margin: 10px 0 !important;
		display: block;
	}


}