body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: rgb(36, 36, 36);
	background-color: rgb(250, 250, 250);	
}

h1, h2, h3, h4, h5, h6 {
	text-align:	left;
	font-weight:	bold;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-size:	inherit;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
	border-color:	rgb(123, 123, 123);
	background:	#fff;
	color:	#000;
}

ol {
	list-style: decimal outside;
	padding-left:	2.5rem;
}

ul {
	list-style: disc outside;
	padding-left:	1.5rem;
}

button, input, a, svg, #home .box .box-content{
	transition:	all .3s ease-in 0s;
	-webkit-transition:	all .3s ease-in 0s;
	-moz-transition:	all .3s ease-in 0s;
	-ms-transition:	all .3s ease-in 0s;
	-o-transition:	all .3s ease-in 0s;
}

.shadow {
  -webkit-box-shadow: 0 0 5px 0 rga(0,0,0);
  -moz-box-shadow: 0 0 5px 0 rga(0,0,0);
  box-shadow: 0 0 5px 0 rgb(0,0,0);
}

.menufixed{
	position: fixed;
	top:	0; 
	left:	0;
	width: 100%;
	z-index:	999;
	margin:	0;
	padding:	0;
	/*height:	60px;*/
}

/*mobile menu*/
#menu-mobile{
	position:	fixed;
	z-index:	9999;
	top:	0;
	left:	0;
	display:	block;
	padding:	0.500rem;
	color:	rgb(98, 153, 35);
	background-color:	inherit;
	font-weight:	bold;
	font-size:	1.6rem;
}

#menu-mobile:hover{
	color:	rgb(154, 218, 43);
	background-color:	inherit;
}

@media (min-width: 80.0rem) {
	#menu-mobile{
		display:	none;
	}	
}

/*mobile table*/
.table-container {
	overflow-y: hidden;
	overflow-x: scroll;		
	-webkit-overflow-scrolling: touch;
}

.table-container .data{
	white-space:	nowrap;
}

/*cookies*/
#overflow-content{
	position:	fixed;
	bottom:	0px;
	left:	0%;
	width:	100%;
	margin:	0px auto;
	padding:	5px 0px;
	border:	none;
	text-align:	left;
	color:	rgb(38, 38, 38);
	background-color:	rgba(210, 210, 210, 0.75);
	z-index:	1000;
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	-ms-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	-o-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.75);
	box-shadow:         0px -5px 5px rgba(0, 0, 0, 0.75);
	text-transform:	none;
}

#overflow-content p{
	margin:	0px auto;
	padding:	10px 0px;
	position:	relative;
	width:	90%;
}

#overflow-content a{
	text-decoration:	underline;
}

#overflow-close{
	cursor:	pointer;
	font-weight:	bold;
	font-size:	14px;
	line-height:	14px;
	display:	inline-block;
}

/*to top*/
#to-top{
	display:	none;
	line-height:	1;
	position:	fixed;
	bottom:	20px;
	right:	25px;
	background:	none;
	z-index:	99;
}

#to-top svg{	
	fill: #8ab833;
	opacity: 0.5;
}

#to-top:hover svg{
	opacity:	1;
}

/*live*/
#live_show{
	position: fixed;
	top: 100px;
	right: -150px;
	display:	block;
	width: 235px;
	margin:	0px;
	padding: 0px;
	border:	none;
	background: url('../img/livechat.png') no-repeat top left;
	text-align:	left;
	z-index:	100;
}

#live_show #live_show_content{
	width:	148px;
	margin:	0px;
	padding:	0px 0px 10px 0px;
	border:	1px solid rgb(105, 148, 33);
	text-align:	center !important;
	float: right;
	color:	rgb(0, 0, 0);
	background-color:	rgb(250, 250, 250);
}

#live_show #live_show_content p{
	margin:	-10px auto;
	padding:	0;
	text-align:	center;
}

#live_show #live_show_content .skype-button img{
	width:	50px;
	height:	auto !important;
	margin:	10px auto;
}

#live_show #live_show_content img{
	max-width:	100px;
}

#live_show #live_show_content span{
	font-size:	0.750em;
}

/*msg*/
#msg-button{
	width:	60px;
	height:	60px;
	background-color:	#e5002b; 
	display:	flex;
	justify-content:	center;
	align-items:	center;
	border-radius:	60px;
	position:	fixed;
	bottom:	85px;
	right:	23px;
	z-index: 99;
	cursor:	pointer;
}

/*page*/
header, footer{
	background:	#fff;
	position:	relative;
	z-index:	10;
}

header{
	border-bottom: 1px solid rgb(0, 0, 0);
}

header nav{
	display:	none;
	position:	fixed;
	top:	4rem;
	left:	0;
	width:	100%;
}

@media (min-width: 80rem) {
	header nav{
		display:	block;
		position:	static;
	}
}

header nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

header nav ul li{
	position: relative;
	text-align:	center;
	margin:	0 0 4px 0;
}

@media (min-width: 80rem) {
	header nav ul li{
		float: left;
		margin: 10px 8px 16px 0px;
		text-align:	left;
	}
}

header nav ul li a{
	display: block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	cursor: pointer;
	top: 0;
	padding: 5px 12px;
	border: 1px solid rgb(225,225,225);
	color: rgb(98, 153, 35);
	text-shadow: 1px 1px rgb(255, 255, 255);
	text-align: center;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background-size: auto, auto;
	background-origin: padding-box, padding-box;
	background-clip: border-box, border-box;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset, 0 5px 0 0 rgb(105, 148, 33) , 0 8px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset, 0 5px 0 0 rgb(105, 148, 33) , 0 8px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset, 0 5px 0 0 rgb(105, 148, 33) , 0 8px 3px 0 rgba(0,0,0,0.2);
	-webkit-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-o-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	font-size:	1.6rem;
}

@media (min-width: 80rem) {
	header nav ul li a{
		display:	inline-block;
	}
}

header nav ul li a:hover{
	background: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: -moz-linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	-webkit-background-origin: padding-box;
	-moz-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	-moz-background-size: auto auto;
	background-size: auto auto;
}

header nav ul li a.active{
	top: 6px;
	background: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
	background: -moz-linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
	background: linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
	-webkit-background-origin: padding-box;
	-moz-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	-moz-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset;
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset;
	-webkit-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-moz-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	-o-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

footer{
	padding:	1rem 0;
	border-top:	1px solid #000;
}

footer .bottom-logo{
	text-align:	center;
}

@media (min-width: 80rem) {
	footer .bottom-logo{
		text-align:	left;
	}
}

footer .copyright{
	font-size:	1.2rem;
}

footer .copyright{
	padding:	1rem 0;
}

footer .bottom-info{
	font-size:	1.1rem;
	color: rgb(172, 172, 172);
	background-color: inherit;
}

footer ul{
	display:	block;
	margin:	0 auto;
	text-align:	center;
}

@media (min-width: 80rem) {
	footer ul{
		margin:	3rem auto 0 auto;
	}
}

footer ul li{
	display:	inline-block;
	padding:	0 0.5rem;
	font-size:	1.2rem;
}

@media (min-width: 80rem) {
	footer ul li{
		padding:	0 1rem;
		font-size:	1.4rem;
	}
}

.contacts{
	font-size:	1.2rem;
}

.contacts .contacts-item{
	display:	inline-block;
	margin:	0 0.5rem;
}

.contacts .contacts-item:last-child{
	margin-right:	0;
}

.contacts svg{
	display:	block;
	fill:	rgb(105, 148, 33);
	margin:	0 auto 0.25rem auto;
}

.contacts a:hover svg{
	fill:	#000;
}

.contacts a:hover{
	color: #000;
	background-color: inherit;
}

header .contacts{
	margin-top:	0.5rem;
	text-align:	right;
}

footer .contacts{
	margin-bottom:	1rem;
}

@media (min-width: 80rem) {
	footer .contacts{
		margin-bottom:	0;
	}
}

#banner {
	background: url('../img/bg-eko.jpg') no-repeat top center;
	background-size: auto;
	background-size: cover;
}

.title{
	padding: 10px 15px;
	margin: 0 0 10px 0;
	border-bottom: 5px solid rgb(105, 148, 33);
	background: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: -moz-linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
	background: linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
}

.title h1{	
	font-size:	1.8rem;
	margin:	0;
}

.subtitle{
	font-size:	1.6rem;
}

form span.required, #contact_form label span, #order_form label span{
	color:	#ff0000;
}

#contact_form textarea{
	min-height:	20.5rem;
}

#order_form h3{
	margin:	0;
	font-size:	1.6rem;
}

#order_form fieldset {
	background: rgb(242, 242, 242);
	padding: 1rem;
}

#order_form label {
	font-size: 1.4rem;
	font-weight:	normal;
}