@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=greek,latin-ext');

/* ######################################### */
/* #####          Helpers               #### */
/* ######################################### */

.ps-red {
	color: #9c214b;
	background: rgba(156, 33, 75, 1.0);
}
.ps-red-light {
	color: #c02056;
	background: rgba(192, 32, 86, 1.0);
}
.ps-orange {
	color: #fcdabe;
	background: rgba(252, 218, 190, 1.0);
}
.ps-grey {
	color: #808080;
	background: rgba(128, 128, 128, 1.0);
}
.ps-black {
	color: #000000;
	background: rgba(0, 0, 0, 1.0);
}
.ps-white {
	color: #ffffff;
	background: rgba(255, 255, 255, 1.0);
}
.gradient--right {
  background: linear-gradient(to right, #ffffff 0%, #fcdabe 100%);
}
.gradient--left {
  background: linear-gradient(to left, #ffffff 0%, #fcdabe 100%);
}



/* ######################################### */
/* #####          Body styles           #### */
/* ######################################### */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
html {
	min-height: 100%;
	height: 100%;
	overflow-y: scroll;
}
body {
	position: relative;
	min-width: 320px;
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 22px;
	line-height: 1.35;
	background-color: #fff;
	color: #000000;
}

a {
	text-decoration:none;
	outline: none;
	color: #000000;
}
	a:hover {
		text-decoration:underline;
		color: #9c214b;
	}

b {
	font-weight:500;
}
strong {
	font-weight:700;
}
h1 {
	font-size: 56px; 
	font-weight:300;
	line-height: 1.1;
	color:#9c214b;
	padding-bottom:0.5em;
}
h1.extra {
	font-size: 78px;
}
h2 {
	font-size: 40px; 
	font-weight:300;
	line-height: 1.1;
	color:#9c214b;
	padding-bottom:0.5em;
}
h3 {
	font-size: 32px; 
	font-weight:700;
	line-height: 1.05;
	color:#9c214b;
	padding-bottom:0.5em;
}
h4 {
	font-size: 22px; 
	font-weight:400;
	line-height: 1.1;
	color:#000000;
	text-transform: uppercase;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
p {
	padding-bottom:0.5em;
}
sup, sub {
	font-size: 60%;
}
ul {
	list-style: none;
	padding: 0.1em 0.7em 0.5em 1.4em;
}
	ul li {
		position:relative;
		padding: 0 0 0.4em 0;
	}
	ul li:after {
		content: "•";
		font-size: 200%;
		color: #9c214b;
		position: absolute;
		left: -0.7em;
		top: -0.33em;
	}

	
@media (max-width: 1366px) {
	body, h4 {
		font-size: 20px;
	}
	h1 {
		font-size: 50px; 
	}
	h1.extra {
		font-size: 70px;
	}
	h2 {
		font-size: 36px; 
	}
	h3 {
		font-size: 29px; 
	}
}
@media (max-width: 1200px) {
	body, h4 {
		font-size: 19px;
	}
	h1 {
		font-size: 48px; 
	}
	h2 {
		font-size: 34px; 
	}
	h3 {
		font-size: 27px; 
	}
}
@media (max-width: 1024px) {
	body {
		font-size: 18px;
		line-height: 1.3;
	}
	h1 {
		font-size: 45px; 
	}
	h1.extra {
		font-size: 58px;
	}
	h2 {
		font-size: 32px; 
	}
	h3 {
		font-size: 24px; 
	}
	h4 {
		font-size: 18px;
	}
}
@media (max-width: 800px) {
	body, h4 {
		font-size: 17px;
	}
	h1 {
		font-size: 40px; 
	}
	h1.extra {
		font-size: 52px;
	}
	h2 {
		font-size: 30px; 
	}
	h3 {
		font-size: 20px; 
	}
}
@media (max-width: 600px) {
	body, h4 {
		font-size: 17px;
	}
	h1 {
		font-size: 38px; 
	}
	h2 {
		font-size: 26px; 
	}
	h3 {
		font-size: 18px; 
	}
}
@media (max-width: 450px) {
	body {
		line-height: 1.25;
	}
	h1.extra {
		font-size: 40px;
	}
}
@media (max-width: 360px) {
}



/* ######################################### */
/* #####         Content layout         #### */
/* ######################################### */

.content {
	display:block;
	width: 100%;
	min-height: 100px;
	overflow-x:hidden;
}
	.content--container {
		width: 1472px;
		margin: 0 auto;
		padding: 0 40px 0 102px;
	}
	.content--wrap {
		padding: 20px 0 40px 0;
	}
	.content--margin {
		margin-right: 60px;
	}
	
@media (max-width: 1600px) {
	.content--container {
		width: 93%;
	}
}
@media (max-width: 1366px) {
	.content--container {
		width: 94%;
		padding: 0 40px 0 96px;
	}
	.content--margin {
		margin-right: 40px;
	}
}
@media (max-width: 1200px) {
	.content--container {
		width: 95%;
		padding: 0 30px 0 96px;
	}
	.content--margin {
		margin-right: 20px;
	}
}
@media (max-width: 1024px) {
	.content--container {
		width: 95%;
		padding: 0 0 0 90px;
	}
	.content--wrap {
		padding: 15px 20px 30px 0;
	}
	.content--margin {
		margin-right: 10px;
	}
}
@media (max-width: 900px) {
	.content--container {
		width: 100%;
	}
}
@media (max-width: 800px) {
	.content--container {
		padding: 0 0 0 85px;
	}
	.content--margin {
		margin-right: 0;
	}
}
@media (max-width: 600px) {
	.content--container {
		padding: 0 0 0 20px;
	}
}

/* Frames classes
============================================ */
	.frame--white {
		background-color: #ffffff;
	}
	.frame--orange {
		background-color: #fcdabe;
	}
	.frame--red {
		background-color: #9c214b;
	}
	.frame--gradient {
		background: linear-gradient(to left, #ffffff 50%, #fcdabe 100%);
	}
	.frame--product_head {
		background: linear-gradient(to left, #ffffff 50%, #fcdabe 100%);
	}
	.frame--left_ruler {
		width: 100%;
		border-left: 4px solid #ffffff;
		padding-left: 25px;
		margin-bottom: 60px;
	}
	.frame--left_ruler:last-child {
		margin-bottom: 0;
	}
	.frame--left_ruler > *:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.frame--ruler_red {
		border-left-color: #9c214b;
	}
@media (max-width: 1366px) {
	.frame--left_ruler {
		margin-bottom: 50px;
	}
}
@media (max-width: 1024px) {
	.frame--left_ruler {
		border-left-width: 3px;
		margin-bottom: 45px;
	}
}
@media (max-width: 800px) {
	.frame--left_ruler {
		padding-left: 20px;
		margin-bottom: 35px;
	}
}
/* Lines classes
============================================ */
	.line--red {
		height: 18px;
		width: 150%;
		background-color: #9c214b;
	}
	.line--orange,
	.line--white {
		height: 36px;
		width: 100%;
	}
	.line--orange {
		background: linear-gradient(to left, #ffffff 40%, #fcdabe 100%);
	}
	.line--white {
		background: linear-gradient(to right, #ffffff 0%, #fcdabe 40%);
	}

@media (max-width: 1366px) {
	.line--red {
		height: 16px;
	}
	.line--orange,
	.line--white {
		height: 32px;
	}
}
@media (max-width: 1024px) {
	.line--red {
		height: 14px;
	}
	.line--orange,
	.line--white {
		height: 28px;
	}
}
@media (max-width: 800px) {
	.line--red {
		height: 11px;
	}
	.line--orange,
	.line--white {
		height: 22px;
	}
}
@media (max-width: 450px) {
	.line--red {
		height: 9px;
	}
	.line--orange,
	.line--white {
		height: 22px;
	}
}

/* ######################################### */
/* #####             Header             #### */
/* ######################################### */

.header {
	display:block;
	width: 100%;
	height: 148px;
	overflow-x:hidden;
}
	.header--container {
		padding: 0 20px 0 20px;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.header--content {
		width: 100%;
		flex: 1 0 auto;
		display: flex;
		align-items: center;
	}
	.header__logo {
		display: block;
		height: 70px;
		flex: 0 0 auto;
	}
		.header__logo img {
		  display: block;
		  height: 100%;
		  width: auto;
		}
	.header__menu--wrap {
		width: 50%;
		height: 100%;
		padding-right: 20px;
		flex: 1 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.header .line--red {
		margin-left: 82px;
	}

@media (max-width: 1366px) {
	.header {
		height: 136px;
	}
	.header__logo {
		height: 65px;
	}
	.header .line--red {
		margin-left: 76px;
	}
}
@media (max-width: 1200px) {
	.header--container {
		padding-right: 10px;
	}
}
@media (max-width: 1024px) {
	.header {
		height: 125px;
	}
	.header--container {
		padding-right: 0;
	}
	.header__logo {
		height: 60px;
	}
	.header__menu--wrap {
		padding-right: 0;
	}
	.header .line--red {
		margin-left: 70px;
	}
}
@media (max-width: 800px) {
	.header {
		height: 100px;
	}
	.header--container {
		padding-right: 20px;
	}
	.header__logo {
		height: 55px;
	}
	.header__menu--wrap {
		display: none;
		width: 1px;
		flex: 0 0 auto;
	}
	.header__menu--wrap.active {
		display: block;
	}
	.header--content {
		justify-content: space-between;
	}
	.header .line--red {
		margin-left: 65px;
	}
}
@media (max-width: 600px) {
	.header .line--red {
		margin-left: 0;
	}
}
@media (max-width: 450px) {
	.header {
		height: 90px;
	}
	.header__logo {
		height: 45px;
	}
}
@media (max-width: 360px) {
	.header {
		height: 80px;
	}
	.header__logo {
		height: 40px;
	}
}

/* Root menu
============================================ */
	.root__menu--container {
		width: 100%;
		height: 45%;
		background: linear-gradient(to right, #ffffff 30%, #fcdabe 100%);
		display: flex;
		justify-content: flex-end;
		align-items: center;
		z-index: 520;
	}
		.root__menu {
			padding: 0;
			margin-right: 20px;
			font-size: 0px;
		}
		.root__menu--item {
			display: inline-block;
			position:relative;
			padding: 0;
			margin-left: 0.6em;
			padding-left: 0.6em;
			border-left: 2px solid #9c214b;
			font-size: 26px;
			line-height: 1;
			color: #9c214b;
		}
		.root__menu--item:after {
			display: none;
		}
		.root__menu--item:first-child {
			margin-left: 0;
			padding-left: 0;
			border-left: none;
		}
		.root__menu--item a {
			padding: 5px 0 10px;
			transition: color 0.2s ease 0s;
			color: #333;
		}
		.root__menu--item a:hover {
			text-decoration: none;
			color:#9c214b;
		}
		.root__menu--item.root_menu--current a {
			color: #9c214b;
		}
@media (max-width: 1366px) {
	.root__menu--container {
		height: 42%;
	}
	.root__menu--item {
		font-size: 24px;
	}
}
@media (max-width: 1200px) {
	.root__menu--item {
		font-size: 22px;
	}
}
@media (max-width: 1024px) {
	.root__menu--container {
		height: 40%;
		height: 44px;
	}
	.root__menu--item {
		margin-left: 0.5em;
		padding-left: 0.5em;
		font-size: 20px;
	}
}
@media (max-width: 900px) {
	.root__menu--item {
		font-size: 18px;
	}
}
@media (max-width: 800px) {
	.root__menu--container {
		position: absolute;
		left: 85px;
		top: 130px;
		margin: 0;
		height: auto;
		width: auto;
		background: none;
		display: inline-block;
	}
	.root__menu {
		padding-left: 20px;
		margin: 0;
		border-left: 3px solid #fcdabe;
	}
	.root__menu--item {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 24px;
		border-left: none;
	}
	.root__menu--item a {
		color: #eee;
		padding: 15px 30px 15px 0;
		display: block;
	}
	.root__menu--item.root_menu--current a {
		color: #fcdabe;
	}
}
@media (max-width: 600px) {
	.root__menu--container {
		left: 20px;
	}
}
@media (max-width: 450px) {
	.root__menu--container {
		top: 120px;
	}
	.root__menu--item {
		font-size: 20px;
	}
	.root__menu--item a {
		color: #fff;
		padding: 12px 20px 12px 0;
	}
}
@media (max-width: 360px) {
	.root__menu--container {
		top: 110px;
	}
}

/* Search box
============================================ */
	.search--container {
		margin-bottom: 20px;
		z-index: 520;
	}
		.search--container form {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		.search--container .search--input {
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 17px;
			line-height: 23px;
			color: #606060;
			width: 250px;
		}
		.search--container .search--button {
			position:relative;
			height: 29px;
			width: 32px;
			margin-left: 4px;
			outline: none;
			border: none;
			background: none;
			padding: 0;
			cursor: pointer;		
		}
			.search--button:after {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				height: 23px;
				width: 23px;
				background: url(../img/lupa-red.svg) center/contain no-repeat;
				transform: translate(-50%, -50%);
			}
@media (max-width: 1024px) {
	.search--container {
		margin-bottom: 17px;
		margin-top: 21px;
		height: 29px;
	}
	.search--container .search--input {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width: 900px) {
	.search--container {
		margin-right: 15px;
	}
}
@media (max-width: 800px) {
	.search--container {
		position: absolute;
		left: 85px;
		top: 28px;
		margin: 0;
	}
	.search--container .search--input{
		font-weight: 400;
		color: #222;
		background-color: #ddd;
	}
}
@media (max-width: 600px) {
	.search--container {
		left: 20px;
	}
}
@media (max-width: 450px) {
	.search--container .search--input{
		width: 180px;
	}
	.search--container {
		top: 25px;
	}
}
@media (max-width: 360px) {
	.search--container {
		top: 20px;
	}
}

/* Burger control
============================================ */
	.burger-overlay {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		background: #000;
		opacity: 0.85;
		z-index: 500;
		display: none;
	}
	.burger--on_top {
		z-index: 510;
	}
	.burger--container {
		display: none;
		background: url(../img/burger-point.svg) center/contain no-repeat;
	}
	.burger--container.active {
		background-image: url(../img/burger-cross.svg);
	}
@media (max-width: 800px) {
	.burger--container {
		display: block;
		width: 45px;
		height: 45px;
		cursor: pointer;
	}
	.burger--container img{
		display: block;
	}
}
@media (max-width: 600px) {
	.burger--container {
	}
}
@media (max-width: 450px) {
	.burger--container {
		width: 35px;
		height: 35px;
	}
}
@media (max-width: 360px) {
	.burger--container {
	}
}


/* ######################################### */
/* #####             Footer             #### */
/* ######################################### */

.footer {
	width: 100%;
}
	.footer_line--top {
		overflow-x: hidden;
	}
	.footer_line--top .line--red {
		background-color: #fcdabe;
	}
	.footer--container {
		padding: 20px 0;
		display: flex;
		justify-content: center;
	}
	.footer p {
		display: inline-block;
		padding: 0 20px;
		color: #ffffff;
		line-height: 1;
		border-right: 2px solid #ffffff;
	}
	.footer p:last-child {
		border-right: 0;
	}
	.footer a {
		color: #ffffff;
	}

@media (max-width: 1024px) {
	.footer--container {
		padding: 15px 0;
	}
	.footer p {
		padding: 0 15px;
	}
}
@media (max-width: 450px) {
	.footer--container {
		padding: 10px 0;
		flex-wrap: wrap;
	}
	.footer p {
		line-height: 1.3;
		border-right: 0;
	}
}

/* ######################################### */
/* #####          Products page         #### */
/* ######################################### */

	.product_head--wrap {
		display: flex;
	}
	.product_head--text {
		width:50%;
		z-index: 100;
	}
		.product_head--text h1 {
			font-size: 78px; 
			padding-top: 0.5em;
			padding-bottom: 0.15em;
		}
		.product_icons--wrap {
			position:relative;
			margin-top: 20px;
			margin-bottom: 35px;
			height: 130px;
		}
			.product_head--icons {
				position:absolute;
				height: 100%;	
			}
			.product_head--icons img {
				height: 100%;
				width: auto;
				margin-left: 30px;
			}
			.product_head--icons img:first-child {
				margin-left: 0;
			}
			.product_head--icon_line {
				position:absolute;
				width: 800px;
				height: 4px;
				top: 63px;
				left: -725px;
				background: #ffffff;
			}
			.icons_count--2 {
				left: -565px;
			}
	.product_head--img {
		width:50%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
		.product_head--img img {
			display: block;
			width: 100%;
			height: auto;
		}


	.gb_column--wrap {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -25px;
	}
	.gb_column {
		width: 50%;
		padding: 0 25px;
	}


	.gallery--frame {
	}
		.gallery--frame span {
			display: block;
			width: 100%;
			font-size: 18px;
			line-height: 1.15;
			text-align: center;
			padding: 0.6em 0;
		}
		.gallery--wrap {
			display: flex;
			flex-wrap: wrap;
			margin: 0 -15px -10px;
		}
	.gallery_item--frame {
		padding: 0 15px 10px;
	}
		.gallery_row--1 {
			width: 100%;
		}
		.gallery_row--2 {
			width: 50%;
		}
		.gallery_row--3 {
			width: 33.3333%;
		}
		.gallery_row--4 {
			width: 25%;
		}
		.gallery_item--frame span {
			padding-bottom: 0;
		}
	.gallery_img {
		display: block;
		width: 100%;
		height: auto;
	}
		.gallery_img--border {
			border: 4px solid #fcdabe;
			padding: 5px;
		}

	.fancybox-is-open .fancybox-bg {
		opacity: .92;
	}
		.fancybox-slide--image {
			padding: 44px 40px;
		}
		.fancybox-caption {
			padding: 25px 40px;
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 20px;
			line-height: 1.15;
			color: #fff;
		}
		.fancybox-caption::after {
			left: 40px;
			right: 40px;
		}

@media (max-width: 1366px) {
	.product_head--text h1 {
		font-size: 70px; 
	}
	.product_icons--wrap {
		margin-top: 15px;
		margin-bottom: 25px;
		height: 110px;
	}
	.product_head--icons img {
		margin-left: 25px;
	}
	.product_head--icon_line {
		top: 53px;
		left: -745px;
	}
	.icons_count--2 {
		left: -610px;
	}
}
@media (max-width: 1200px) {
	.gallery--frame span {
		font-size: 17px;
	}
}
@media (max-width: 1024px) {
	.product_head--text h1 {
		font-size: 58px; 
	}
	.product_icons--wrap {
		margin-top: 10px;
		margin-bottom: 20px;
		height: 90px;
	}
	.product_head--icons img {
		margin-left: 20px;
	}
	.product_head--icon_line {
		top: 43px;
		left: -755px;
	}
	.icons_count--2 {
		left: -645px;
	}

	.gallery--frame span {
		font-size: 16px;
	}
	.gallery--wrap {
		margin: 0 -10px -20px;
	}
	.gallery_item--frame {
		padding: 0 10px 20px;
	}
	.gallery_row--4 {
		width: 50%;
	}
	.gallery_img--border {
		border-left-width: 3px;
		padding: 4px;
	}
	.fancybox-slide--image {
		padding: 44px 20px;
	}
	.fancybox-caption {
		padding: 20px 20px;
		font-size: 17px;
		line-height: 1.2;
	}
	.fancybox-caption::after {
		left: 20px;
		right: 20px;
	}
}
@media (max-width: 800px) {
	
	.product_head--text h1,
	.product_head--text h3,
	.product_icons--wrap {
		width: 130%;
	}
	.product_head--text h1 {
		font-size: 52px; 
		padding-top: 0.4em;
	}

	.product_icons--wrap {
		margin-top: 10px;
		margin-bottom: 20px;
		height: 76px;
	}
	.product_head--icons img {
		margin-left: 15px;
	}
	.product_head--icon_line {
		top: 36px;
		left: -762px;
	}
	.icons_count--2 {
		left: -661px;
	}

	.gallery--frame span {
		font-size: 15px;
	}
	.gallery--wrap {
		margin: 0 -10px -15px;
	}
	.gallery_item--frame {
		padding: 0 10px 15px;
	}

	.gb_column {
			width: 100%;
	}
	.gallery_row--3 {
		width: 50%;
	}
	.fancybox-caption {
		font-size: 16px;
		line-height: 1.3;
	}
}
@media (max-width: 600px) {
	.product--page .frame--gradient {
		background: #ffffff;
	}
	.product_head--text h1,
	.product_head--text h3,
	.product_icons--wrap {
		width: 200%;
	}
}
@media (max-width: 450px) {
	.product_head--img {
	}
}



.table--container {
	width: 100%;
}
.tablepress {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	width: 100%;
	line-height: 1.1;
}
	.tablepress caption a {
		display: inline-block;
		font-size: 16px;
		padding: 8px;
	}
	.tablepress td,
	.tablepress th {
		padding: 7px;
		background: none;
		border-bottom: 1px solid #808080;
		border-left: 1px solid #808080;
		text-align: center;
		vertical-align: middle;
		cursor: default;
	}
	.tablepress th {
		background: #9c214b;
		border: none;
		color: #ffffff; 
	}
	.tablepress .column-1 {
		text-align: left;
		padding-left: 8px;
		border-left: 0;
	}
	.tablepress tr:hover td {
		background: rgba(255, 255, 255, 0.2);
	}
	.tablepress td b {
		display: inline-block;
		margin-top: 0.5em;
		color: #9c214b;
	}
@media (max-width: 1366px) {
	.tablepress td,
	.tablepress th {
		padding: 6px;
	}
}
@media (max-width: 1024px) {
	.tablepress td,
	.tablepress th {
		padding: 5px;
	}
}

@media (max-width: 600px) {
	.table--container {
		overflow-x: auto;
	}
	.tablepress td,
	.tablepress th {
		padding: 4px;
	}
}
@media (max-width: 450px) {
	.tablepress td,
	.tablepress th {
		font-size: 15px;
	}
}


.pdf--container {
	width: 100%;
	height: 100%;
}
	.datasheet--container {
		display: inline-flex;
		align-items:center;
		padding: 10px 20px 10px 10px;
		background: rgba(255, 255, 255, 0.5);
		border: 1px solid #9c214b;
		border-radius: 5px;
}
	.datasheet--container img {
		display: block;
		height: 40px;
		width: auto;
		margin-right: 20px;
}
	.datasheet--container a {
		display: inline;
		line-height: 1.1;
		padding-top: 0.1em;
}

@media (max-width: 1024px) {
	.datasheet--container {
		padding: 6px 15px 6px 6px;
		border-radius: 4px;
	}
	.datasheet--container img {
		height: 30px;
		margin-right: 15px;
	}
}

.product--pdf_mode .prod_tax--learn {
	display: none;
} 
.prod_pdf--container object {
	width: 100%;
	height: 900px;
	border: 1px solid #333;
}
@media (max-width: 1600px) {
	.prod_pdf--container object {
		height: 750px;
	}
}
@media (max-width: 1366px) {
	.prod_pdf--container object {
		height: 650px;
	}
}
@media (max-width: 1024px) {
	.prod_pdf--container object {
		height: 600px;
	}
}
@media (max-width: 800px) {
	.prod_pdf--container object {
		height: 500px;
	}
}

/* ######################################### */
/* #####       Product Taxonomy         #### */
/* ######################################### */

.products--taxonomy {
}
	.products--taxonomy .frame--white:first-child .line--red {
		display: none;
	}
	.products--taxonomy .frame--orange {
		background: linear-gradient(to left, #ffffff 50%, #fcdabe 100%);
	}
.prod_tax--container {
	display: flex;
	flex-wrap: wrap;
}
	.prod_tax--container .show--800 {
		display: none;
	}
	.prod_tax--container h1 {
		padding-bottom: 0.15em;
	}
	.prod_tax--container h3 {
		font-size: 28px;
		font-weight: 500;
		padding-bottom: 1em;
	}
.prod_tax--data {
	width: 50%;
	flex: 0 0 auto;
	z-index: 100;
}
	.prod_tax--data > :not(.prod_tax--icons_wrap) {
		padding-right: 50px;
	}
	.prod_tax--title {
		width: 100%;
	}
.prod_tax--icons_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
	width: 200%;
}
.prod_tax--icons{
	display: inline-block;
	position: relative;
	height: 110px;
	margin-right: 100px;
}
	.prod_tax--icons:after {
		content: "";
		position: absolute;
		top: 50%;
		left: -515px;
		height: 6px;
		width: 500px;
		background: #fcdabe;
		transform: translate(0, -50%);
		z-index: 105;
	}
	.frame--orange .prod_tax--icons:after,
	.frame--gradient .prod_tax--icons:after {
		background: #ffffff;
	}
	.prod_tax--icons img{
		position: relative;
		height: 100%;
		width: auto;
		margin-left: 10px;
		z-index: 110;
	}
	.prod_tax--icons img:first-child {
		margin-left: 0;
	}
.prod_tax--learn {
	display: inline-block;
	position: relative;
	padding: 0 60px 0 20px;
	font-size: 28px;
	font-weight: 500;
	line-height: 60px;
	color:#9c214b;
	background: linear-gradient(to left, rgba(252, 218, 190, 0) 10%, rgba(252, 218, 190, 1.0) 100%);
}
	.prod_tax--learn:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		height: 40px;
		width: 40px;
		background: url(../img/arrow-red.svg) center/contain no-repeat;
		transform: translate(0, -50%);
	}
.prod_tax--img {
	width: 50%;
	flex: 0 0 auto;
	z-index: 95;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}

@media (max-width: 1366px) {
	.prod_tax--container h3 {
		font-size: 26px;
	}
	.prod_tax--icons{
		height: 100px;
		margin-right: 80px;
	}
	.prod_tax--learn {
		padding: 0 60px 0 20px;
		font-size: 26px;
		line-height: 55px;
	}
}
@media (max-width: 1024px) {
	.prod_tax--container h3 {
		font-size: 23px;
	}
	.prod_tax--icons{
		height: 90px;
		margin-right: 70px;
	}
	.prod_tax--learn {
		font-size: 23px;
		line-height: 50px;
	}
	.prod_tax--img {
		background-position: right center;
	}
}
@media (max-width: 800px) {
	.prod_tax--container .hide--800 {
		display: none;
	}
	.prod_tax--container .show--800 {
		display: block;
	}
	.prod_tax--data {
		width: 60%;
	}
	.prod_tax--data > :not(.prod_tax--icons_wrap) {
		padding-right: 20px;
	}
	.prod_tax--icons_wrap {
		width: 166%;
		margin-top: 15px;
	}
	.prod_tax--icons{
		height: 80px;
		margin-right: 50px;
	}
	.prod_tax--img {
		width: 40%;
		background-position: right top;
	}
}
@media (max-width: 600px) {
	.prod_tax--data {
		width: 100%;
		order: 2;
	}
	.prod_tax--img {
		width: 100%;
		height: 300px;
		order: 1;
		background-position: center top;
		margin-bottom: 10px;
	}
	.prod_tax--data > :not(.prod_tax--icons_wrap) {
		padding-right: 0;
	}
	.prod_tax--icons_wrap {
		width: 100%;
		margin-top: 10px;
	}
	.products--taxonomy .frame--orange {
		background: none;
	}
	.prod_tax--icons{
		display: none;
	}
}
@media (max-width: 450px) {
	.prod_tax--img {
		height: 200px;
	}
	.prod_tax--container h3 {
		font-size: 20px;
	}
	.prod_tax--learn {
		padding: 0 60px 0 15px;
		font-size: 20px;
		line-height: 45px;
	}
}


/* ######################################### */
/* #####          News Taxonomy         #### */
/* ######################################### */

.news--taxonomy {
}
.news--header {
	padding-bottom: 20px;
}
.news--taxonomy .frame--orange.news_item--frame {
	background: linear-gradient(to left, #ffffff 50%, #fcdabe 100%);
}
.news--taxonomy .news_item--date {
	padding-bottom: 0.6em;
	font-weight: 600;
}
.news--taxonomy .news--header h1 {
	padding-bottom: 0.4em;
}
.news--taxonomy .news--header p:last-child,
.news--taxonomy .news_item--wrap p:last-child {
	padding-bottom: 0;
}
.news--taxonomy .news_item--container h2 {
	padding-bottom: 1em;
}
.news--taxonomy .frame--white .frame--left_ruler {
	border-left-color: #9c214b;
}
.news--taxonomy .frame--orange .frame--left_ruler {
	border-left-color: #ffffff;
}
.news--taxonomy p.image--es {
	text-align: right;
}

/* ######################################### */
/* #####            Home Page           #### */
/* ######################################### */

/* Home page Banner section
============================================ */
	.banner--frame {
		height: 460px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		overflow-x: hidden;
	}
	.banner--frame .content--container {
		height: 100%;
	}
	.banner--container {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.banner--text {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.banner--text > * {
		padding-right: 50px;
	}
	.banner--text h1 {
		font-weight: 300;
		line-height: 1.0;
		font-size: 88px;
	}
	.banner--text h3 {
	}
@media (max-width: 1600px) {
	.banner--text > * {
		padding-right: 0;
	}
	.banner--text h1 {
		font-size: 78px;
	}
}
@media (max-width: 1366px) {
	.banner--frame {
		height: 410px;
	}
	.banner--text h1 {
		font-size: 70px;
	}
}
@media (max-width: 1200px) {
	.banner--frame {
		height: 370px;
	}
	.banner--text h1 {
		font-size: 64px;
	}
}
@media (max-width: 1024px) {
	.banner--frame {
		height: 340px;
	}
	.banner--text h1 {
		font-size: 58px;
	}
}
@media (max-width: 900px) {
	.banner--frame {
		height: 300px;
	}
	.banner--text {
		padding-right: 20px;
	}
	.banner--text h1 {
		font-size: 52px;
	}
}
@media (max-width: 800px) {
	.banner--frame {
		height: 260px;
	}
	.banner--text > * {
		text-align: right;
	}
	.banner--text h1 {
		font-weight: 400;
		font-size: 48px;
	}
	.banner--text h3 {
		font-size: 22px;
	}
}
@media (max-width: 450px) {
	.banner--frame {
		height: 220px;
	}
	.banner--text h1 {
		font-size: 34px;
		font-weight: 400;
	}
	.banner--text h3 {
		font-size: 20px;
	}
}
/* Home page Products section
============================================ */
	.hprod--container {
	}


/* Home page News section
============================================ */
	.hnews--wrap {
		display: flex;
	}
	.hnews--item {
		position: relative;
		width: 50%;
		flex: 0 0 auto;
		padding: 0 50px 0 30px;
		border-left: 4px solid #ffffff;
	}
	.hnews--item p:last-child {
		padding-bottom: 0;
	}
	.hnews--date {
		padding-bottom: 0.3em;
	}
	.hnews--name {
		font-size: 28px; 
		font-weight: 700;
		line-height: 1.05;
		padding-bottom: 0.7em;
	}
	.hnews--annouc {
		color: #9c214b;
	}
	.hnews_link--space {
		height: 38px;
	}
	.hnews--link {
		position: absolute;
		bottom: -10px;
		font-weight:700;
	}
	.hnews--link a {
		display: inline-block;
		position: relative;
		padding: 10px 45px 10px 0;
	}
		.hnews--link a:after {
			content: "";
			position: absolute;
			top: 50%;
			right: 0;
			height: 35px;
			width: 35px;
			background: url(../img/arrow-white.svg) center/contain no-repeat;
			transform: translate(0, -50%);
		}
		.hnews--link a:hover {
			text-decoration:none;
		}
@media (max-width: 1200px) {
	.hnews_link--space {
		height: 35px;
	}
}
@media (max-width: 1024px) {
	.hnews--item {
		padding: 0 40px 0 20px;
		border-left-width: 3px;
	}
	.hnews--name {
		font-size: 24px; 
	}
	.hnews_link--space {
		height: 32px;
	}
	.hnews--link a {
		padding-right: 40px;
	}
	.hnews--link a:after {
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 800px) {
	.hnews--item {
		width: 100%;
		padding-right: 0;
	}
	.hnews_item--hide {
		display: none;
	}
}

/* Home page About section
============================================ */
	.about_us--container {
		padding-bottom: 30px;
	}
	.about_us--wrap {
		display: flex;
	}
	.about_us--icon {
		flex: 0 0 auto;
		width: 220px;
		padding-right: 40px;
	}
		.about_us--icon img {
			display:block;
			width: 100%;
			height: auto;
		}
	.about_us--text {
		width:50%;
		flex: 1 0 auto;
	}
	.about_us--container p:last-child {
		padding-bottom:0;
	}
@media (max-width: 1366px) {
	.about_us--icon {
		width: 190px;
	}
}
@media (max-width: 1024px) {
	.about_us--container {
		padding-bottom: 20px;
	}
	.about_us--icon {
		width: 170px;
	}
}
@media (max-width: 800px) {
	.about_us--icon {
		width: 140px;
		padding-right: 30px;
	}
}
@media (max-width: 600px) {
	.about_us--icon {
		width: 110px;
	}
}
@media (max-width: 450px) {
	.about_us--icon {
		display: none;
	}
}

/* ######################################### */
/* #####        Contacts Page           #### */
/* ######################################### */

/*    Address format                        */
/* ---------------------------------------- */
.addr--frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.frame--addr {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 0;
}
.frame_addr--left {
	width: 60%;
}
.frame_addr--right {
	width: 40%;
}
.addr--col {
	padding-right: 50px;
}
.frame_addr--right .addr--col {
	padding-right: 0;
}
.addr--col p:last-child {
	padding-bottom: 0;
}

@media (max-width: 1024px) {
	.addr--col {
		padding-right: 30px;
	}
}
@media (max-width: 800px) {
	.frame_addr--left {
		width: 50%;
	}
	.frame_addr--right {
		width: 50%;
	}
}
@media (max-width: 600px) {
	.frame_addr--left {
		width: 100%;
		margin-bottom: 30px;
	}
	.frame_addr--right {
		width: 100%;
	}
}
/*    Form submit                           */
/* ---------------------------------------- */
	.cform {
		padding-bottom: 30px;
	}
		.cform div.wpcf7 {
			width: 100%;
			position: relative;
		}
		.cform div.wpcf7 .screen-reader-response,
		.cform div.wpcf7 .wpcf7-not-valid-tip,
		.cform--hidden {
			display: none;
		}

	.cform--wrap {
		padding: 10px 0;
		display: flex;
	}
		.cform--wrap > div {
			width: 50%;
			flex: 0 0 auto;
		}
		.cform--col_left {
			padding-right: 50px;
		}
	.cform--col_left label {
		width: 150px;
		padding-right: 20px;
		color: #333;
		line-height: 1;
		flex: 0 0 auto;
	}
	.cform--col_left span {
		width: 100px;
	}
	.cform--input {
		width: 100%;
		padding-bottom: 15px;
		display: flex;
		align-items: center;
	}
		.cform--input:last-child {
			padding-bottom: 0;
		}
		.cform--input span.wpcf7-form-control-wrap {
			display: block;
			border: 1px solid #999;
			flex: 1 0 auto;
		}

	.cform input,
	.cform textarea {
		display: block;
		width:100%;
		padding: 3px 5px;
		border: 2px solid #fff;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.3;
		color: #303030;
		outline:none;
	}
	.cform textarea {
		height: 135px;
		overflow: auto;
		resize: none;
	}
		.cform input.wpcf7-not-valid,
		.cform textarea.wpcf7-not-valid {
			border-color: #9c214b;
		}

	.cform--button {
		text-align: right;
		padding-top: 10px;
	}
		.cform--button button {
			position: relative;
			display: inline-block;
			padding: 9px 55px 9px 5px;
			font-family: 'Roboto', sans-serif;
			font-size: 28px;
			color:#9c214b;
			line-height: 1;
			outline: none;
			border: none;
			background:none;
			cursor: pointer;		
		}
		.cform--button button:after {
			content: "";
			position: absolute;
			top: 50%;
			right: 0;
			height: 46px;
			width: 46px;
			background: url(../img/arrow-red.svg) center/contain no-repeat;
			transform: translate(0, -50%);
		}

	.cform .wpcf7-response-output {
		position:absolute;
		bottom: 0;
		left: 0;
		padding: 8px 12px 7px 35px;
		margin: 0;
		max-width: 600px;
		border-radius: 10px;
		border: 2px solid #9c214b;
		background-color:#fff;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		line-height: 1.1;
		cursor: pointer;		
	}
		.cform .wpcf7-response-output.wpcf7-mail-sent-ok {
			background-color:#e0fcbe;
		}
		.cform .wpcf7-response-output:after {
			content: "";
			position: absolute;
			top: 7px;
			left: 6px;
			height: 20px;
			width: 20px;
			background: url(../img/dismiss-red.svg) center/contain no-repeat;
		}

@media (max-width: 1366px) {
	.cform--col_left label {
		width: 130px;
	}
}
@media (max-width: 1200px) {
	.cform--col_left {
		padding-right: 40px;
	}
	.cform--input {
		padding-bottom: 13px;
	}
	.cform textarea {
		height: 127px;
	}
	.cform input,
	.cform textarea,
	.cform .wpcf7-response-output {
		font-size: 17px;
	}
	.cform--button {
		padding-top: 5px;
	}
	.cform--button button {
		font-size: 24px;
		padding: 8px 50px 8px 5px;
	}
	.cform--button button:after {
		height: 40px;
		width: 40px;
	}
	.cform .wpcf7-response-output {
		max-width: 550px;
	}
}
@media (max-width: 1024px) {
	.cform--wrap {
		flex-wrap: wrap;
	}
	.cform--wrap > div {
		width: 100%;
	}
	.cform--col_left {
		padding-right: 0;
	}
	.cform--col_left label {
		width: 120px;
	}
	.cform--input {
		padding-bottom: 10px;
	}
	.cform textarea {
		height: 140px;
	}
	.cform--col_right .cform--input {
		padding-top: 10px;
		padding-left: 120px;
	}
	.cform .wpcf7-response-output {
		max-width: 300px;
		bottom: 45px;
	}
}
@media (max-width: 800px) {
	.cform {
		padding-bottom: 25px;
	}
}
@media (max-width: 600px) {
	.cform--input {
		flex-wrap: wrap;
	}
	.cform--col_left label {
		width: 100%;
		padding-bottom: 5px;
	}
	.cform--col_right .cform--input {
		padding-top: 20px;
		padding-left: 0;
	}
	.cform .wpcf7-response-output {
		max-width: 250px;
		bottom: 45px;
		left: -5px;
	}
	.cform h1 {
		font-size: 30px;
		padding-bottom: 0.3em;
	}
}
@media (max-width: 450px) {
	.cform {
		padding-bottom: 20px;
	}
	.cform .wpcf7-response-output {
		font-size: 16px;
		max-width: 220px;
	}
}


/*    ATLIEKOS                              */
/* ---------------------------------------- */

s {
	font-size: 60%;
	text-decoration: none;
	vertical-align: 40%;
}

