@CHARSET "UTF-8";
/***********************************************************************************/
@font-face {
	font-family: 'Roboto_Light';
	src:	url('/css/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/Roboto-Light.woff') format('woff'),
		url('/css/fonts/Roboto-Light.ttf') format('truetype'),
		url('/css/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto_Medium';
	src:	url('/css/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/Roboto-Medium.woff') format('woff'),
		url('/css/fonts/Roboto-Medium.ttf') format('truetype'),
		url('/css/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto_Bold';
	src:	url('/css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/Roboto-Bold.woff') format('woff'),
		url('/css/fonts/Roboto-Bold.ttf')  format('truetype'),
		url('/css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeueLight';
	src:	url('/css/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/BebasNeueLight.woff') format('woff'),
		url('/css/fonts/BebasNeueLight.ttf') format('truetype'),
		url('/css/fonts/BebasNeueLight.svg#BebasNeueLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeueBook';
	src:	url('/css/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/BebasNeueBook.woff') format('woff'),
		url('/css/fonts/BebasNeueBook.ttf') format('truetype'),
		url('/css/fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeueBold';
	src:	url('/css/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('/css/fonts/BebasNeueBold.woff') format('woff'),
		url('/css/fonts/BebasNeueBold.ttf') format('truetype'),
		url('/css/fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
/***********************************************************************************/
* {
	position:relative;
	margin:0px;
	padding:0px;
}
html {
	position:relative;
	height:100% !important;
	font-size:0px;
	
	-webkit-transition:	0.5s ease;
	-moz-transition:	0.5s ease;
	-ms-transition:		0.5s ease;
	-o-transition:		0.5s ease;
	transition:		0.5s ease;
}
body { 
	position:relative !important;
	margin:0px !important;
	min-width:320px;
	min-height:100% !important;
	font-family: "Roboto_Light", serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a:focus, img {outline:none;}
img, a::-moz-focus-inner {border:0;}
input[type="submit"]::-moz-focus-inner {border:0;}
a {
	cursor:pointer;
	color:#383972;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.vcenter {
	vertical-align:middle;
}
.bold {
	font-weight:bold;
}
.redborder {
	border-color:#ce3036 !important;
}
.red {
	color:red;
}
.error {
	color:#ce3036;
}
.small {
	font-size:10px;
}
.page {
	margin:0px auto;
	padding:0px 4rem;
}
.page.max {
	max-width:1200px;
}
.page:after,
.after:after {
	content:"";
	display:block;
	clear:both;
}
#test {
	position:fixed;
	top:0px;
	padding:0px 10px;
	color:white;
	font-size:14px;
	background:rgba(255,0,0,0.5);
	z-index:1000;
}
/********************************************************************/
body {
	padding-top:8.6rem;
	padding-bottom:8.6rem;
	opacity:0;
}
#header {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	background:white;
	z-index:1;
}
#header_table {
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
	border-bottom:1px solid #cccccc;
}
#header_div_mobile {
	display:none;
}
.header_table_cell {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	border-left:1px solid #cccccc;
}
.header_table_cell:hover {
	background-color:#ebebeb;
}
.header_table_cell:first-child {
	border-left:none;
}
.header_table_cell.logo {
	width:28.5rem;
}
.header_table_cell.lang {
	width:10rem;
}
#logo {
	display:block;
	width:28.5rem;
	height:8.6rem;
}
#logo:hover {
	text-decoration:none;
}
#logo svg {
	position:absolute;
	margin-top:-2.5rem;
	margin-left:-12rem;
	top:50%;
	left:50%;
	width:24rem;
	height:5rem;
}
.header_table_link {
	display:block;
	padding:0px 3.5rem; 
	height:8.6rem;
	font-size:0px;
	font-size:0;
}
.header_table_cell.lang .header_table_link {
	padding:0px 3rem; 
}
.header_table_link_box {
	display:inline-block;
	height:100%;
}
.header_table_link_table {
	display:table;
	height:100%;
	border-collapse:separate;
	border-spacing:0px;
}
.header_table_link_table {
	width:100%;
}
.header_table_link_table_cell {
	display:table-cell;
	line-height:2.4rem;
	color:#252525;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:2.297rem;
	text-align:left;
	vertical-align:middle;
}
.header_table_cell.lang .header_table_link_table_cell {
	text-align:center;
}
.header_table_link:hover {
	text-decoration:none;
}
.header_table_cell:hover .header_table_link_table_cell,
.header_table_cell.active .header_table_link_table_cell {
	color:#bb0000;
}
.sub_menu_spike {
	position:absolute;
	display:none;
	left:50%;
	bottom:0px;
	z-index:1;
}
.header_table_cell:hover .sub_menu_spike {
	display:block;
}
.sub_menu_spike:before {
	content:"";
	position:absolute;
	margin-left:-1.5rem;
	bottom:0px;
	border-left:1.5rem solid transparent;
	border-right:1.5rem solid transparent;
	border-bottom:1.5rem solid #cccccc;
}
.sub_menu_spike:after {
	content:"";
	position:absolute;
	margin-left:-1.5rem;
	bottom:-2px;
	border-left:1.5rem solid transparent;
	border-right:1.5rem solid transparent;
	border-bottom:1.5rem solid white;
}
.header_table_submenu {
	position:fixed;
	display:none;
	top:8.6rem;
	left:0px;
	right:0px;
	min-height:50rem;
	max-height:100%;
	background:white;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:contain;
}
.header_table_cell:hover .header_table_submenu {
	display:block;
}
.header_table_group_block {
	margin-right:25%;
	padding-top:4rem;
	font-size:0px;
	font-size:0;
}
.header_table_group_box {
	display:inline-block;
	padding-left:8rem;
	max-width:33.33%;
	vertical-align:top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.header_table_group_box h2 {
	padding-top:3rem;
	padding-bottom:2.4rem;
	line-height:5.512rem;
	color:#252525;
	font-family: 'BebasNeueBook';
	font-weight:normal;
	font-size:4.594rem;
}
.header_table_group_box a {
	display:inline-block;
	padding:0.3rem 0px;
	line-height: 2.8rem;
	color:#252525;
	font-family: 'Roboto_Medium';
	font-weight:normal;
	font-size: 1.8rem;
	text-align:left;
}
.header_table_group_box a:hover,
.header_table_group_box a.active {
	color:#bb0000;
	text-decoration:none;
}
.lang_switcher{
	position:relative;
	width:10rem;
}

.lang_switcher .lang_box{
	position:relative;
	display:block;
	background:#fff;
}

.lang_switcher .lang_dropdown{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	display:none;
	background:#fff;
	border:1px solid #cccccc;
	border-top:none;
	z-index:9999;
}

.lang_switcher:hover .lang_dropdown{
	display:block;
	cursor: pointer;
}

.lang_switcher .lang_item{
	padding:0px;
	height:8.6rem;
}


#header_table_mobile .lang_switcher .lang_dropdown{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	display:block;
	border:none;
	border-top:1px solid #cccccc;
}

#header_table_mobile .lang_switcher .lang_item{
	height:auto;
}

#header_table_mobile .lang_switcher .lang_item + .lang_item{
	border-top:1px solid #cccccc;
}

#header_table_mobile .lang_switcher .lang_item .header_table_link_table_cell{
	text-align:left;
}
.header_table_link_table {
	width: 100%;
}
@media screen and (min-width: 767px) {
	.header_table_link_table {
		border-top: 1px solid #ccc;
	}
}
/**************************************************************/
#page_header {
	padding:16rem 0px;
	background:rgba(0,0,0,0.2);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#page_header:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,0.25);
}
#page_header h1 {
	line-height:16rem;
	color:white;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-size:15rem;
	text-align:center;
}
#page_header h1 b,
#page_header h1 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
#page_header .teaser {
	margin:auto;
	padding-top:1rem;
	max-width:90rem;
	line-height:3.445rem;
	color:white;
	font-family: 'Roboto_Medium';
	font-weight:normal;
	font-size:2.526rem;
	text-align:center;
}

.page_content {
	padding:8rem 0px;	
	background:white;
}
.left_contact_content {
	float:left;
}
.right_contact_form {
	float:right;
	margin-left:5rem;
	margin-bottom:5rem;
	padding-top: 5rem;
	width:40rem;
	
}
.content {
	line-height:3.2rem;
	line-height:3rem;
	color:#252525;
	font-size:2.2rem;
	font-size:2rem;
}
.content.dark {
	margin-top:4rem;
	padding:1rem 4rem 4rem 4rem;
	color:white;
	background-color:rgba(0,0,0,0.7);
}
.content h2 {
	padding-top:5rem;
	line-height:6rem;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-size:5.5rem;
}
.content h2 b,
.content h2 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.content h4 {
	padding-top:3rem;
	line-height:3rem;
	font-family: 'Roboto_Bold';
	font-weight:bold;
	font-size:2.297rem;
}
.content p {
	padding-top:3rem;
}
.content b,
.content strong {
	font-family: 'Roboto_Bold';
	font-weight:bold;
}
.content ul {
	
}
.content li {
	padding-top:3rem;
	padding-left:4rem;
	list-style-type:none;
}
.content li:before {
	content:"";
	position:absolute;
	top:3.7rem;
	left:0px;
	width:2rem;
	height:1.6rem;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-145 313.8 192 166.4" style="enable-background:new -145 313.8 192 166.4;" xml:space="preserve"><path fill="#bb0000" d="M-78.9,480.2c-1.5,0-3-0.5-4.2-1.5l-59.7-51.2c-2.7-2.3-3-6.3-0.7-9c2.3-2.7,6.3-3,9-0.7l54.6,46.8L35.5,316.3 c2.2-2.8,6.2-3.3,9-1.1c2.8,2.2,3.3,6.2,1.1,9L-73.8,477.7c-1.1,1.4-2.7,2.3-4.4,2.4C-78.4,480.2-78.7,480.2-78.9,480.2z"/></svg>');
	background-size:contain;
}
.fixed_block.yellow .content li:before {	
	background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-145 313.8 192 166.4" style="enable-background:new -145 313.8 192 166.4;" xml:space="preserve"><path fill="#eea904" d="M-78.9,480.2c-1.5,0-3-0.5-4.2-1.5l-59.7-51.2c-2.7-2.3-3-6.3-0.7-9c2.3-2.7,6.3-3,9-0.7l54.6,46.8L35.5,316.3 c2.2-2.8,6.2-3.3,9-1.1c2.8,2.2,3.3,6.2,1.1,9L-73.8,477.7c-1.1,1.4-2.7,2.3-4.4,2.4C-78.4,480.2-78.7,480.2-78.9,480.2z"/></svg>');
}
.content ul.img li:before {
	display:none;
}
.content ul.img li {
	padding-left:5rem;
}
.content ul.img li img {
	position:absolute;
	top:2.8rem;
	left:0px;
	width:3.4rem;
	height:3.4rem;
}
.line_left {
	padding-left:4rem;
}
.line_left:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:0.5rem;
	background:#bb0000;
}
p.line_left:before {
	margin-top:3rem;
}
p.line_top {
	padding-top:6rem;
}
.line_top:before {
	content:"";
	position:absolute;
	margin-top:-0.5rem;
	top:3rem;
	left:0px;
	width:7.4rem;
	height:0.5rem;
	background:#bb0000;
}
.content table {
	margin-top:3rem;
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
}
.content table th,
.content table td {
	padding-top:1rem;
	padding-bottom:1rem;
	padding-left:3rem;
	width:50%;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.content table th:first-child,
.content table td:first-child {
	padding-left:0px;
	padding-right:3rem;
	border-left:none;
}
.content table tr:first-child th,
.content table tr:first-child td {
	border-top:none;
}
body.home .content table th,
body.home .content table td {
	border:none !important;
}
.content table th {
	font-family: 'Roboto_Bold';
	font-weight:bold;
}


.follow_us_block {
	padding-top:8rem;
	text-align:left;
}
.follow_us_block h3 {
	display:inline-block;
	margin-right:2rem;
	line-height:5.5rem;
	color:#252525;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size: 5.5rem;
	text-align:left;
	vertical-align:top;	
}
.follow_us_block a {
	display:inline-block;
	margin-right:2rem;
	margin-bottom:2rem;
	width:5.5rem;
	height:5.5rem;
	vertical-align:top;
}
.follow_us_block a svg {
	display:block;
	width:100%;
	height:100%;
}
.follow_us_block a svg path,
.follow_us_block a svg polygon {
	fill:#252525;
}
.follow_us_block a:hover svg path,
.follow_us_block a:hover svg polygon {
	fill:#bb0000;
}
/*****************************************************************************/
.teas_block,
.devices_block {
	
}
.teas_block .spliter {
	clear:both;
	
	line-height: 6rem;
	color: #252525;
	font-family: 'BebasNeueBold';
	font-weight: bold;
	font-size: 4.4rem;
	text-align: center;

	/*background:#ebebeb;*/
}
.teas_block .spliter:after {
	content:"";
	display:block;
	margin:auto;
	width:20%;
	height: 0.5rem;
	background: #bb0000;
}

.teas_block:after,
.devices_block:after {
	content:"";
	display:block;
	clear:both;
}
.tea_block,
.device_block {
	float:left;	
}
.tea_block {
	width:33.33%;
}
.device_block {
	width:50%;	
}
.tea_block.item0,
.device_block.item0 {
	clear:both;
}
.tea_box,
.device_box {
	margin:5rem 5rem 8rem 5rem;
}
.tea_box .image,
.device_box .image {
	padding-top:65%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tea_box .image:before,
.device_box .image:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border:1px solid #cccccc;
}
.tea_box .image.is:before,
.device_box .image.is:before {
	display:none;
}
.tea_box h2,
.device_box h2 {
	padding-top:2rem;
	line-height:6rem;
	line-height:4rem;
	color:#252525;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:4.4rem;
	font-size:3.4rem;
	text-align:left;
}
.tea_box h2 b,
.tea_box h2 strong,
.device_box h2 b,
.device_box h2 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.tea_box .content.line_left,
.device_box .content.line_left {
	padding-top:3rem;
}
.tea_box .content.line_left:before,
.device_box .content.line_left:before {
	margin-top:3rem;
}
/**********************************************************************************/
.coffies_block {
	
}
.coffee_block {
	padding-top:5rem;
	padding-bottom:7rem;
}
.coffee_block .anchor {
	position:absolute;
	margin-top:-8.6rem;
	top:0px;
	left:0px;
	right:0px;
}
.coffee_block:after {
	content:"";
	display:block;
	clear:both;
}
.coffee_block .image {
	float:left;
	padding-top:42%;
	width:42%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.coffee_block .image:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border:1px solid #cccccc;
}
.coffee_block .image.is:before {
	display:none;
}
.coffee_box {
	float:right;
	width:55%;
}
.coffee_box h2 {
	margin-top: -2.4rem;
	line-height:12rem;
	line-height:10rem;
	color:#252525;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:10.332rem;
	font-size:8rem;
	text-align:left;
}
.coffee_box .content {
	margin-top:2rem;
}
.coffee_properties {
	padding-top:4rem;
}
.coffee_property {
	padding:1.5rem 29rem 1.5rem 3.6rem;
	line-height:3rem;
	color:#252525;
	font-size:2rem;
	text-align:left;
	text-transform:uppercase;
}
.coffee_property.first {
	background-color:#f4f4f4;
}
.coffee_property .cups {
	position:absolute;
	top:1.5rem;
	right:2rem;
	width:27rem;
	height:3rem;
}
.coffee_property .cups span {
	display:block;
	float:left;
	padding-left:2rem;
	width:20%;
	height:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.coffee_property .cups span svg {
	display:block;
	width:100%;
	height:100%;
}
.coffee_property .cups span svg path {
	fill:#252525;
}
.coffee_property .cups .hover {
	position:absolute;
	top:0px;
	right:-1rem;
	width:100%;
	height:100%;
	background:white;
}
.coffee_property.first .cups .hover {
	background:#f4f4f4;
}
.read_more_div {
	padding-top:3rem;
	text-align:right;
}
.read_more {
	display:inline-block;
	padding:1.2rem 5rem;
	line-height:3rem;
	color:#252525;
	font-family: 'Roboto_Bold';
	font-weight:bold;
	font-size:2rem;
	text-align:center;
	border:1px solid #cccccc;
}
/**************************************************************/
#fixed_blocks {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
}
.fixed_block {
	position:fixed;
	top:100%;
	left:0px;
	right:0px;
	height:100%;
	
	
	-webkit-transition:	0.5s ease;
	-moz-transition:	0.5s ease;
	-ms-transition:		0.5s ease;
	-o-transition:		0.5s ease;
	transition:		0.5s ease;
	
}
.fixed_block:first-child {
	top:0%;
}
.fixed_block.top {
	top:-100% !important;
}
.fixed_block.middle {
	top:0% !important;
}
.fixed_block.bottom {
	top:100% !important;
}
.fixed_block.dark {
	background-color:white;
}
.fixed_bg_image {
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.fixed_content {
	position: absolute;
	padding:17.4rem 3rem 17.4rem 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fixed_table {
	display:table;
	width:100%;
	height:100%;
	border-collapse:separate;	
	border-spacing:0px;
}
.fixed_table_cell {
	display:table-cell;
	vertical-align:middle;
}

.fixed_table_cell h1 {
	margin:auto;
	max-width:120rem;
	line-height:13.8rem;
	color:white;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-size:15rem;
	text-align:center;
}
.fixed_table_cell h1 b,
.fixed_table_cell h1 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.fixed_block.dark .fixed_table_cell h1 {
	color:#252525;
}
.fixed_table_cell h2 {
	line-height:10rem;
	color:white;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-size:10.3rem;
	text-align:center;
}
.fixed_table_cell h2 b,
.fixed_table_cell h2 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.fixed_table_cell h2 i,
.fixed_table_cell h2 em {
	color:#bb0000;
	font-style:normal;
}
.fixed_block.yellow .fixed_table_cell h2 i,
.fixed_block.yellow .fixed_table_cell h2 em {
	color:#eea904;
}
.fixed_block.dark .fixed_table_cell h2 {
	color:#252525;
}
.fixed_table_cell .teaser {
	padding-top:1rem;
	line-height:4rem;
	color:white;
	font-family: 'BebasNeueBook';
	font-weight:normal;
	font-size:3.445rem;
	text-align:center;
}
.fixed_table_cell .teaser b,
.fixed_table_cell .teaser strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.fixed_block.dark .fixed_table_cell .teaser {
	color:#252525;
}
.fixed_table_cell .video_frame {
	float:right;
	margin-top:6rem;
	margin-left:7rem;
	padding-top:25%;
	width:42%;
	z-index:1;
}
.fixed_table_cell .video_image {
	position:absolute;
	top:6rem;
	right:0px;
	padding-top:25%;
	width:42%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	z-index:1;
}
.fixed_table_cell .video_frame iframe {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:none;
}
.fixed_table_cell .content.std {
	padding-top:3rem;
	color:white;
}
.fixed_block.dark .fixed_table_cell .content.std {
	color:#252525;
}
.fixed_block.yellow .line_left:before {
	background: #eea904;
}

#right_side {
	position:fixed;
	top:0px;
	left:100%;
	bottom:0px;
}
#right_side_table {
	display:table;
	height:100%;
	border-collapse:separate;
	border-spacing:0px;
}
#right_side_table_cell {
	display:table-cell;
	vertical-align:middle;
}
#right_side_box {
	margin-left:-7rem;
}
#right_side_box a {
	display:block;
	padding:1.4rem;
	
}
#right_side_box a:before {
	content:"";
	display:block;
	width:1rem;
	height:1rem;
	border:1px solid #cccccc;
	
	-webkit-border-radius:	50%;
	-moz-border-radius:	50%;
	-ms-border-radius:	50%;
	-o-border-radius:	50%;
	border-radius:		50%;
}
#right_side_box a:hover:before {
	border-color:#bb0000;
}
#right_side_box a.active:before {
	border-color:#bb0000;
	background-color:#bb0000;
}

/**************************************************************/
#footer {
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	height: 8.6rem;
	background:white;
	display:none;
}
#footer:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	border-top:1px solid #cccccc;
}
#footer_info {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}
body.contacts #footer_info {
	display:none;
}
#footer_info_table {
	display:table;
	height:100%;
	border-collapse:separate;
	border-spacing:4rem 0px;
}
.footer_info_table_cell {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
}
.footer_info_table_cell a,
.content_contact_links a {
	display:inline-block;
	line-height:3rem;
	color:#252525;
	font-family: 'Roboto_Bold';
	font-weight:bold;
	font-size:2.067rem;
	text-align:left;
	vertical-align:middle;
}
.content_contact_links a {
	padding-right:2rem;
}
.footer_info_table_cell a[target] {
	margin:1rem;
}
.footer_info_table_cell a:hover,
.content_contact_links a:hover {
	color:#bb0000;
	text-decoration:none;
}
.footer_info_table_cell a svg,
.content_contact_links a svg {
	display:inline-block;
	width:3rem;
	height:3rem;
	margin-right:1rem;
	vertical-align:middle;
}
.footer_info_table_cell a[target] svg {
	margin-right:0px;
}
.footer_info_table_cell a svg path,
.footer_info_table_cell a svg polygon,
.content_contact_links a svg path,
.content_contact_links a svg polygon {
	fill:#252525;
}
.footer_info_table_cell a:hover svg path,
.footer_info_table_cell a:hover svg polygon,
.content_contact_links a:hover svg path,
.content_contact_links a:hover svg polygon {
	fill:#bb0000;
}
#footer_atributes {
	line-height:8.6rem;
	font-size:1.837rem;
	text-align:center;
	white-space:nowrap;
	padding-left:  13%;
}
#footer_form_block {
	position:absolute;
	top:100%;
	right:0px;
}
body.contacts #footer_form_block {
	display:none;
}
#footer_form_button {
	position:absolute;
	padding:0px 8.6rem 0px 4rem;
	right:0px;
	bottom:100%;
	width:100%;
	height:8.6rem;
	line-height:8.6rem;
	color:white;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:2.296rem;
	text-align:left;
	white-space:nowrap;
	background:#bb0000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer_form_button:hover {
	text-decoration:none;
}
#footer_form_button svg {
	position:absolute;
	margin-top:-0.8rem;
	top:50%;
	right:4rem;
	width:1.6rem;
	height:1.6rem;
}
#footer_form_button svg path {
	fill:white;
}
#footer_form {
	top:0%;
	
	
	-webkit-transition:	0.5s ease;
	-moz-transition:	0.5s ease;
	-ms-transition:		0.5s ease;
	-o-transition:		0.5s ease;
	transition:		0.5s ease;
	
}
body.footer_form #footer_form {
	top:-100%;
}
.contact_form {
	padding:5rem 2.6rem;
	border:1px solid #cccccc;
	background:white;
}
.contact_form_header {
	padding-bottom:2.4rem;
	text-align:center;
}
.contact_form_header h2 {
	line-height:6rem;
	color:#252525;
	font-family: 'BebasNeueLight';
	font-weight:normal;
	font-size:5.742rem;
	text-align:center;
}
.contact_form_header h2 b,
.contact_form_header h2 strong {
	font-family: 'BebasNeueBold';
	font-weight:bold;
}
.contact_form_header h3 {
	line-height:3rem;
	color:#252525;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:2.297rem;
	text-align:center;
}
.contact_form_line_div {
	padding-top:2.6rem;
}
.contact_form_line_div.hidden {
	display:none;
}

.contact_form_line_div .error {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 2.4rem;
	font-size: 2rem;
}
.contact_form_line_div input,
.contact_form_line_div textarea {
	padding:1.4rem 1.6rem;
	width:100%;
	height:6rem;
	line-height:3rem;
	color:#252525;
	font-family:inherit;
	font-size:2rem;
	text-align:left;
	border:1px solid #cccccc;
	outline: none;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contact_form_line_div textarea {
	resize:none;
}
.contact_form_line_div input:focus,
.contact_form_line_div textarea:focus {
	border-color: #bb0000;
}
.contact_form_footer {
	padding-top:6rem;
	min-height:7.5rem;
	text-align:center;
}
.contact_submit_button {
	display:inline-block;
	padding:0px 4rem;
	min-width:22rem;
	height:7.5rem;
	line-height:7.5rem;
	color:white;
	font-family: 'BebasNeueBold';
	font-weight:bold;
	font-size:2.756rem;
	text-align:center;
	white-space:nowrap;
	background:#bb0000;
}
.contact_submit_button:hover {
	text-decoration:none;
}
.contact_loading_image {
	display:block;
	margin:auto;
	width:auto;
	height:7.5rem;
}
.contact_submit_result {
	
}
.contact_form_over {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:white;
}
.contact_form_over_table {
	display:table;
	width:100%;
	height:100%;
	border-collapse:separate;
	border-spacing:0px;
}
.contact_form_over_table .contact_form_over_table_cell {
	display:table-cell;
	padding:2rem 2rem 5rem 2rem;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
.contact_form_over_table .contact_form_over_table_cell svg {
	display:block;
	margin:auto;
	width:8rem;
	height:11rem;
}
.contact_form_over_table .contact_form_over_table_cell svg path {
	fill:#bb0000;
}
.contact_form_over_table .contact_form_over_table_cell h3 {
	padding-top: 1rem;
	line-height: 7rem;
	color: #bb0000;
	font-size: 6.316rem;
	text-align: center;
}
.contact_form_over_table .contact_form_over_table_cell .content {
	padding-top: 6rem;
	line-height:4.134rem;
	color:#252525;
	font-size:3.215rem;
	text-align:center;
}
#footer_form_close {
	position:absolute;
	padding:0.8rem;
	top:0px;
	right:0px;
}
#footer_form_close svg {
	display:block;
	width:1.8rem;
	height:1.8rem;
}
#footer_form_close svg line {
	stroke:#bb0000;
}





@media screen and (max-width: 1023px) {
	.footer_info_table_cell a svg {
		margin-right: 0px;
	}
	.footer_info_table_cell a span {
		display:none;
	}
}

/* Vertical Tablet :( */
@media screen and (max-width: 1023px) {
	
	
	#header {
		
	}
	#header_table {
		
	}
	.header_table_cell {
		display: none;
	}
	.header_table_cell.logo {
		display:table-cell;
		width: auto;
	}
	#logo {
		padding: 0px 4rem;
	}
	#logo svg {
		position: relative;
		display:block;
		margin-top: 0px;
		margin-left: 0px;
		top: auto;
		left: auto;
		width: 100%;
		height: 100%;
	}
	
	#header_div_mobile {
		display:block;
	}
	#burger {
		position:fixed;
		padding:2rem 4rem;
		top:0px;
		right:0px;	
		z-index: 1;
	}
	body.mobile_menu #burger {
		background-color: #ebebeb;
	}
	#burger:before {
		content: "";
		position: absolute;
		display:none;
		margin-left: -1.5rem;
		left:50%;
		bottom: 0px;
		border-left: 1.5rem solid transparent;
		border-right: 1.5rem solid transparent;
		border-bottom: 1.5rem solid #cccccc;
	}
	#burger:after {
		content: "";
		position: absolute;
		display:none;
		margin-left: -1.5rem;
		left:50%;
		bottom: -2px;
		border-left: 1.5rem solid transparent;
		border-right: 1.5rem solid transparent;
		border-bottom: 1.5rem solid white;
	}
	body.mobile_menu #burger:before,
	body.mobile_menu #burger:after {
		display:block;
	}
	#burger svg {
		display:block;
		width:4rem;
		height:4.6rem;
	}
	#burger svg path {
		fill:#252525;
	}
	body.mobile_menu #burger svg path {
		fill:#bb0000;
	}
	#header_table_mobile {
		position:fixed;
		display:none;
		top:8.6rem;
		left:0px;
		right:0px;
		bottom:0px;
		border-top:1px solid #cccccc;
		background:white;
		overflow-y:auto;
	}
	body.mobile_menu #header_table_mobile {
		display:block;
	}
	
	#header_table_mobile .header_table_cell,
	#header_table_mobile .header_table_cell.lang {
		display: block;
		width:auto;
		border:none;
		border-bottom:1px solid #cccccc;
	}
	.header_table_cell:hover {
		background:none;
	}
	.header_table_cell.opened,
	.header_table_cell.opened:hover {
		background-color: #ebebeb;
	}
	.header_table_link,
	.header_table_cell.lang .header_table_link {
		padding: 3rem 11rem 3rem 4rem;
		height: auto;
	}
	.header_table_link svg {
		display:none;
		position:absolute;
		top:3rem;
		right:4rem;
		width:3rem;
		height:3rem;
	}
	.header_table_link svg:first-child {
		display:block;
	}
	.header_table_cell.opened .header_table_link svg {
		display:block;
	}
	.header_table_cell.opened .header_table_link svg:first-child {
		display:none;
	}
	.header_table_link svg polygon {
		fill:#252525;
	}
	.header_table_cell.active .header_table_link svg polygon,
	.header_table_cell.opened .header_table_link svg polygon {
		fill:#bb0000;
	}
	.header_table_link_table_cell {
		line-height: 3rem;
		font-size: 3rem;
	}
	.header_table_cell:hover .header_table_link_table_cell {
		color: #252525;
	}
	.header_table_cell.active .header_table_link_table_cell,
	.header_table_cell.active:hover .header_table_link_table_cell,
	.header_table_cell.opened .header_table_link_table_cell {
		color: #bb0000;
	}
	
	.header_table_link_table {
		width: auto;
	}
	.header_table_cell:hover .sub_menu_spike {
		display:none;
	}
	.header_table_submenu {
		position: relative;
		display:none;		
		top: auto;
		left: auto;
		right: auto;
		min-height: 0;
		min-height: auto;
		max-height: none;
		background: white !important;
		border-top: 1px solid #cccccc;
		border-bottom: none;
	}
	.header_table_cell:hover .header_table_submenu {
		display:none;
	}
	.header_table_cell.opened .header_table_submenu,
	.header_table_cell.opened:hover .header_table_submenu {
		display: block;
	}
	.header_table_group_block {
		margin-right: 0px;
		padding-top: 0px;
	}
	.header_table_group_box {
		display: block;
		padding-left: 0px;
		max-width: none;
	}
	.header_table_group_box h2 {
		padding: 2rem 11rem 2rem 4rem;
		line-height: 4rem;
		font-size: 4rem;
	}
	.header_table_group_box.active h2,
	.header_table_group_box.opened h2 {
		color:#bb0000;
	}
	/*******************/
	.header_table_group_box h2 svg {
		display:none;
		position:absolute;
		top:2.5rem;
		right:4rem;
		width:3rem;
		height:3rem;
	}
	.header_table_group_box h2 svg:first-child {
		display:block;
	}
	.header_table_group_box.opened h2 svg {
		display:block;
	}
	.header_table_group_box.opened h2 svg:first-child {
		display:none;
	}
	.header_table_group_box h2 svg polygon {
		fill:#252525;
	}
	.header_table_group_box.active h2 svg polygon,
	.header_table_group_box.opened h2 svg polygon {
		fill:#bb0000;
	}
	/**********************/
	.header_table_group_box a {
		display: none;
		padding: 1rem 4rem 1rem 4rem;
	}
	.header_table_group_box.opened a {
		display:block;
	}
	.teas_block .spliter:after {
		width:30%;
	}
	.tea_block {
		width: 50%;
	}
	.tea_block.item0 {
		clear: none;
	}
	.tea_block.item20 {
		clear: both;
	}
}
@media screen and (max-width: 767px) {

	body {
		padding-top: 5.8rem;
		padding-bottom: 0px;
	}

	.page {
		padding: 0px 1rem;
	}

	#logo {
		padding: 1.4rem 1rem;
		width: 14rem;
		height: 3rem;
	}

	#burger {
		padding: 2rem 1rem;
	}

	#burger svg {
		width: 2.6rem;
		height: 1.8rem;
	}

	#header_table_mobile {
		top: 5.8rem;
	}

	.header_table_link,
	.header_table_cell.lang .header_table_link {
		padding: 2rem 4rem 2rem 1rem;
	}

	.header_table_link svg {
		top: 2.2rem;
		right: 1rem;
		width: 2rem;
		height: 2rem;
	}

	.header_table_link_table_cell {
		line-height: 2.4rem;
		font-size: 2.297rem;
	}

	.header_table_group_box h2 {
		padding: 1rem 4rem 1rem 1rem;
	}

	.header_table_group_box h2 svg {
		top: 2rem;
		right: 1rem;
		width: 2rem;
		height: 2rem;
	}

	.header_table_group_box a {
		padding: 1rem;
	}


	#fixed_blocks,
	.fixed_block,
	.fixed_block:first-child,
	.fixed_content,
	.fixed_table,
	.fixed_table_cell {
		position: relative;
		display: block;
		top: auto;
		left: auto;
		right: auto;
		width: auto;
		height: auto;
	}

	.fixed_content {
		padding: 5rem 0px;
		overflow-y: initial;
	}

	.fixed_table_cell h1 {
		padding: 8rem 0px;
		max-width: none;
		line-height: 6.5rem;
		font-size: 6.5rem;
	}

	.fixed_table_cell h2 {
		line-height: 6rem;
		font-size: 5.8rem;
	}

	.fixed_table_cell .teaser {
		line-height: 3rem;
		font-size: 2.6rem;
	}

	.fixed_table_cell .video_frame {
		float: none;
		margin-top: 4rem;
		margin-left: 0px;
		padding-top: 60%;
		width: auto;
	}

	.fixed_table_cell .video_image {
		top: 0px;
		padding-top: 60%;
		width: 100%;
	}


	#page_header h1 {
		line-height: 6.7rem;
		font-size: 6.5rem;
	}

	#page_header .teaser {
		max-width: none;
		line-height: 2.6rem;
		font-size: 2rem;
	}

	.page_content {
		padding: 4rem 0px;
	}

	.left_contact_content {
		float: none;
	}

	.content {
		line-height: 2.6rem;
		font-size: 1.8rem;
	}

	.content.dark {
		margin-top: 5rem;
		padding: 1rem 1rem 3rem 1rem;
		color: white;
		background-color: rgba(0, 0, 0, 0.7);
	}

	.content h2 {
		padding-top: 3rem;
		line-height: 5rem;
		font-size: 5rem;
	}

	.content h4 {
		padding-top: 2.6rem;
		line-height: 2.6rem;
		font-size: 2rem;
	}

	.content p {
		padding-top: 2rem;
	}

	.content li {
		padding-top: 2rem;
		padding-left: 3.5rem;
	}

	.content li:before {
		top: 2.6rem;
		width: 1.6rem;
		height: 1.4rem;
	}

	.content table,
	.content table tbody,
	.content table tr,
	.content table tr th,
	.content table tr td {
		display: block;
		width: auto;
	}

	.content table th,
	.content table td,
	.content table th:first-child,
	.content table td:first-child,
	.content table tr:first-child th,
	.content table tr:first-child td {
		padding-left: 0px;
		padding-right: 0px;
		/*padding-bottom:3rem;*/
		width: auto;
		border-top: 1px solid #cccccc;
		border-left: none;
	}

	.content table tr:first-child th:first-child,
	.content table tr:first-child td:first-child {
		border-top: none;
	}

	body.home .content table {
		margin-top: 0px;
	}

	body.home .content table td {
		padding-top: 0px;
	}

	.line_left {
		padding-left: 2rem;
	}

	.line_left:before {
		width: 0.4rem;
	}

	p.line_left:before {
		margin-top: 2rem;
	}

	.line_top:before {
		margin-top: 0px;
		top: 2rem;
	}

	p.line_top {
		padding-top: 4rem;
	}

	.content_contact_links a {
		display: block;
		padding: 1rem 0px;
	}

	.follow_us_block {
		padding-top: 4rem;
		text-align: center;
	}

	.follow_us_block h3 {
		display: block;
		margin-right: 0px;
		line-height: 3.5rem;
		font-size: 3.5rem;
		text-align: center;
	}

	.follow_us_block a {
		display: inline-block;
		margin: 1rem;
		width: 2.6rem;
		height: 2.6rem;
	}

	.right_contact_form {
		float: none;
		margin-left: 0px;
		margin-bottom: 0px;
		width: auto;
	}

	.contact_form {
		padding: 5rem 2rem;
	}

	.contact_form_header h2 {
		line-height: 5rem;
		font-size: 4.8rem;
	}

	.contact_form_header h3 {
		line-height: 2.4rem;
		font-size: 2rem;
	}

	.contact_form_line_div {
		padding-top: 2.2rem;
	}

	.contact_form_line_div input,
	.contact_form_line_div textarea {
		padding: 1.3rem 1.4rem;
		height: 5.2rem;
		line-height: 2.4rem;
		font-size: 1.8rem;
	}

	.contact_form_footer {
		padding-top: 5.5rem;
		min-height: 6.4rem;
	}

	.contact_submit_button {
		display: block;
		padding: 0px 1rem;
		min-width: auto;
		height: 6.4rem;
		line-height: 6.4rem;
		font-size: 2.5rem;
	}

	.contact_loading_image {
		height: 6.4rem;
	}


	.coffee_block {
		padding-bottom: 0px;
	}

	.coffee_block .image {
		float: none;
		display: none;
		margin-bottom: 2rem;
		padding-top: 100%;
		width: auto;
	}

	.coffee_block .image.is {
		display: block;
	}

	.coffee_box {
		float: none;
		width: auto;
	}

	.coffee_box h2 {
		margin-top: 0px;
		line-height: 6rem;
		font-size: 5.8rem;
	}

	.coffee_property {
		margin: 0px -1rem;
		padding: 1.3rem 1rem 1.3rem 1rem;
		line-height: 2.6rem;
		font-size: 1.8rem;
		background-color: #f4f4f4;
		border-bottom: 5.2rem solid white;
	}

	.coffee_property .cups {
		position: absolute;
		top: auto;
		left: -0.8rem;
		right: auto;
		bottom: -5.2rem;
		width: 24rem;
		max-width: 100%;
		height: 5.2rem;
	}

	.coffee_property .cups span {
		padding-left: 1.8rem;
	}

	.coffee_property .cups .hover,
	.coffee_property.first .cups .hover {
		right: -0.9rem;
		background: white;
	}

	.read_more_div {
		text-align: center;
	}

	.tea_block,
	.device_block {
		float: none;
		width: auto;
	}

	.teas_block .spliter {
		margin-bottom: 5rem;
	}

	.teas_block .spliter:after {
		width: 50%;
	}

	.tea_box,
	.device_box {
		margin: 0px 0px 5rem 0px;
	}


	#right_side {
		display: none;
	}

	#footer {
		position: relative;
		padding-bottom: 5rem;
		left: auto;
		right: auto;
		bottom: auto;
		height: auto;
		z-index: 2;
	}

	#footer:before {
		display: none;
	}

	#footer .page {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}

	#footer_atributes {
		line-height: 5rem;
		font-size: 1.6rem;
		padding-left: 0;
	}

	#footer_info {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
	}

	#footer_info_table {
		/*display:block;*/
		height: auto;
		border-spacing: 0px;
	}

	.footer_info_table_cell {
		/*
		display:block;
		text-align:center;
		*/
	}

	.footer_info_table_cell a {
		padding: 1.6rem 1rem 1.6rem 3.5rem;
		line-height: 2.1rem;
		font-size: 1.4rem;
	}

	.footer_info_table_cell a[target] {
		display: none;
	}

	.footer_info_table_cell a svg {
		display: block;
		position: absolute;
		margin-top: -1.05rem;
		top: 50%;
		left: 1rem;
		width: 2.1rem;
		height: 2.1rem;
	}

	.footer_info_table_cell a span {
		display: inline;
	}


	#footer_form_block {
		position: relative;
		top: auto;
		right: auto;
		height: auto !important;
	}

	#footer_form_button {
		position: relative;
		display: block;
		padding: 0px 7.6rem 0px 3rem;
		right: auto;
		bottom: auto;
		width: auto;
		height: 6.6rem;
		line-height: 6.6rem;
		font-size: 2rem;
	}

	body.footer_form #footer_form_button {
		display: none;
	}

	#footer_form_button svg {
		margin-top: -0.7rem;
		right: 3.2rem;
		width: 1.4rem;
		height: 1.4rem;
	}

	#footer_form {
		display: none;
	}

	body.footer_form #footer_form {
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		overflow-y: auto;
	}

	body.footer_form #footer_form .contact_form {
		min-height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	#header_table_mobile .lang_switcher.mobile .lang_box{
		display:flex;
		width:100%;
	}

	#header_table_mobile .lang_switcher.mobile .lang_current{
		flex:1 1 0;
	}

	#header_table_mobile .lang_switcher.mobile .lang_dropdown{
		display:flex;
		flex:2 1 0;
		position:static;
		border:none;
		background:transparent;
	}

	#header_table_mobile .lang_switcher.mobile .lang_item{
		flex:1 1 0;
		height:auto;
		padding:0;
	}

	#header_table_mobile .lang_switcher.mobile .header_table_link{
		height:6.2rem;
		padding:0;
	}

	#header_table_mobile .lang_switcher.mobile .header_table_link_table{
		width:100%;
		height:100%;
		border-right: solid 1px #cccccc;
	}

	#header_table_mobile .lang_switcher.mobile .header_table_link_table_cell{
		text-align:center;
	}

	#header_table_mobile .lang_switcher.mobile .lang_item + .lang_item{
		border-top:none;
		border-left:1px solid #cccccc;
	}

}
ul li img {
	padding-right: 10px;
}