/*
		██████  ███████ ███████ ███████ ████████
		██   ██ ██      ██      ██         ██
		██████  █████   ███████ █████      ██
		██   ██ ██           ██ ██         ██
		██   ██ ███████ ███████ ███████    ██
	*/

	/* temp amends */
	/* .langs .flag#lang-fr {
		display: none;
	} */

	/* This hides the bacteria tab from the wine ingredients page */
	.tabsBoxes .tabs #tab-3 {
    display: none;
	}
	/*  */
	body{
		padding:0;
		margin:0;
	}

	h1, h2, h3, h4, h5, p, pre{
		padding:0;
		margin:0;
		line-height: inherit;
	    white-space: normal;
		display: block;
		font-weight: inherit;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Montserrat', sans-serif;
	}

	a, a:link, a:visited, a:hover, a:active{
		text-decoration: none;
		color: inherit;
	}

	a img{
		border: inherit;
	}

	input, select, textarea,
	input:active, select:active, textarea:active,
	input:focus, select:focus, textarea:focus,
	input:hover, select:hover, textarea:hover{
		border:none;
		outline:none;
		background: none;
		-webkit-appearance:none;
		box-sizing:border-box;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
		border-radius: 0;
		-webkit-border-radius:0;
		-mos-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		padding:5px;
	}

	.wrapper {
    max-width: 1366px;
    margin: 0 auto;
	}

	.nav {
		background-color: #ffffff;
    width: 90%;
    position: fixed;
    height: 115px;
    max-width: 1244px;
    left: 50%;
    transform: translateX(-50%);
		z-index: 9;
		top: 0px;
    box-shadow: 0px 0px 5px grey;
	}

	.nav .logo {
    position: absolute;
    top: 40px;
    left: 40px;
	}

	.nav .logo img{
		height: 100px;
	}

	.nav .menu {
    float: right;
    top: 30px;
    position: relative;
    right: 40px;
	}

	.nav .menu ul{
		padding: 0
	}

	.nav .menu ul li {
		display: inline-block;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 15px;
	    line-height: 18px;
	    color: #6f1e57;
	    font-weight: 500;
	    max-width: 13.5%;
	    vertical-align: top;
	    text-align: center;
	}

	.nav .menu ul li.flag img {
    width: 25px;
    vertical-align: middle;
	}

	.nav .menu ul li.selected {
		font-weight: 700;
	}

	.header {
    height: 590px;
    position: relative;
		overflow: hidden;
	}

	.header .slide {
    position: absolute;
    top: 0px;
    /* z-index: -1; */
		z-index: 2;
		height: 590px;
		overflow: hidden;
		/* left: 1366px; */
		left: 0px;
		transition: opacity 1.5s;
		opacity: 0;
	}

	.header .slide.show {
		/* left:0px; */
		/* z-index: 2; */
		opacity: 1;
	}

	.header .slide.prev {
		/* left:0px;
		z-index: 1; */
	}

	.header .banner-text {
		color: #ffffff;
		width: 33%;
    position: absolute;
    top: 0px;
    height: 100%;
	}

	.header .tint {
		background-color: #6f1e57;
		opacity: 0.5;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		z-index: 3;
	}

	.header .banner-text .textContainer {
    width: 90%;
    top: 50%;
    position: absolute;
    left: 5%;
    transform: translateY(-50%);
    font-size: 43px;
    line-height: 45px;
    z-index: 4;
	}

	.header .banner-text .textContainer a {
		font-size: 20px;
		line-height: 20px;
	}

	.header .banner-text .textContainer a .button {
		border-radius: 10px;
    border: 2px solid #d60000;
    display: inline;
    padding: 5px 10px;
    background-color: #d60000;
	}

	.center-banner .text-container {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 895px;
    margin: 0 auto;
	}

	span.text-purple {
    color: #6f1e57;
    font-size: 22px;
	}

	.hide{
		display: none
	}

	.quater.left {
    width: 25%;
		font-size: 25px;
		line-height: 35px;
	}

	.quater.left .imageContainer img {
    display: block;
		width: 100%;
	}

	.quater.left .link-text {
    width: 80%;
    margin: 0 auto;
	}

	.quater.left hr {
    color: #6f1e57;
	}

	.quater.left.selected .imageContainer {
		background-color: #6f1e57;
	}

	.quater.left.selected hr {
    background-color: #6f1e57;
    border: 2px solid #6f1e57;
	}

	.quater.left.selected p {
		color: #6f1e57;
	}

	.quater.left.selected .imageContainer img{
		opacity: 0.5;
	}

	.third {
		width: 33%;
	}

	.why-choose-us .third {
    float: left;
	}

	.why-choose-us .third img {
    width: 58px;
    display: inline-block;
		vertical-align: middle;
	}

	.why-choose-us .third p {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
		vertical-align: middle;
		margin-left: 10px;
	}

	.why-choose-us h2 {
    font-size: 45px;
    line-height: 35px;
    padding-top: 40px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: 900;
    color: #6f1e57;
	}

	.why-choose-us .container {
    width: 985px;
		margin: 0 auto;
	}

	.footer img.gradient {
    width: 100%;
    position: absolute;
    top: -16px;
    height: 16px;
	}

	.footer {
    background-color: #404040;
    color: #ffffff;
    position: relative;
    margin-top: 40px;
    min-height: 115px;
	}

	.why-choose-us .container .smallContainer {
    margin-bottom: 20px;
		margin-top: 60px;
	}

	.buttonContainer {
    width: 100%;
    text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.why-choose-us .buttonContainer {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.buttonContainer a {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    border: 2px solid #cc0000;
    color: #ffffff;
		background-color: #cc0000;
    border-radius: 10px;
    font-weight: 700;
		font-size: 20px;
		line-height: 25px;
	}

	.buttonContainer a:hover {
		background-color: #ffffff;
		color: #cc0000;
	}

	.footerLogo {
    height: 62px;
    position: absolute;
    right: 80px;
    top: 30px;
	}

	.footer ul {
		list-style: none;
	}

	.footer ul li {
    display: inline-block;
    margin: 0 20px;
    font-size: 10px;
    line-height: 12px;
	}

	.two-columns h1 {
    font-size: 50px;
    line-height: 60px;
    color: #6f1e57;
		margin-bottom: 40px;
	}

	.two-columns {
	    padding: 0;
	    max-width: 880px;
	    margin: 0 auto;
	}

	.two-columns .small {
    width: 45%;
		box-sizing: border-box;
		padding-right: 20px;
	}

	.two-columns .small img {
		width: 100%;
		margin-top: 30px;
	}

	.two-columns .big {
	    width: 55%;
	    box-sizing: border-box;
	    padding: 25px 0 25px 25px;
	}

	.two-columns .small h2 {
    font-size: 23px;
    line-height: 37px;
	}

	.two-columns .small h2 span.text-purple {
    font-size: 30px;
    font-weight: 700;
	}

	.two-columns .big p b, .two-columns .big p strong, .two-columns .big p b span.text-purple, .two-columns .big p strong span.text-purple {
    font-size: 16px;
    line-height: 25px;
	}

	.two-columns .big p, .two-columns .big p, .two-columns .big p span.text-purple, .two-columns .big p span.text-purple {
		font-size: 15px;
		line-height: 25px;
	}

	.header-short img {
    display: block;
    opacity: 0.7;
	}

	.header-short {
    background-color: #6f1e57;
    height: 176px;
    overflow: hidden;
	}

	.linkBoxes .linkBox .container {
    height: 406px;
    border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
	}

	.linkBoxes {
    max-width: 880px;
    margin: 0 auto;
		padding-bottom: 40px;
	}

	.linkBoxes .linkBox {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 30px;
	}

	.linkBoxes #ingredients .container .link {
    height: 25%;
	}

	.linkBoxes #yeast .container .link {
    height: 50%;
	}

	.linkBoxes .linkBox .container .link img, .linkBoxes .linkBox .container .link .content {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0px;
	}

	.linkBoxes .linkBox .container .link {
    border-bottom: 2px solid #6f1e57;
		position: relative;
	}

	.linkBoxes .linkBox .container .link img {
    line-height: 0px;
    height: 100%;
	}

	.linkBoxes h2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    color: #6f1e57;
    font-weight: 700;
	}

	.tabsBoxes .tabs {
    max-width: 880px;
    margin: 0 auto;
	}

	.tabsBoxes .tabs .tab {
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid #6f1e57;
		margin-right: 20px;
    color: #6f1e57;
    border-bottom: none;
		font-size: 17px;
    background-color: #f1e9ee;
	}

	.tabsBoxes .tabs .tab.selected {
		background-color: #6f1e57;
		color: #ffffff;
	}

	.pages .page .top {
    border-top: 2px solid #6f1e57;
    border-bottom: 2px solid #6f1e57;
	}

	.pages .page .top .gradient-image {
    width: 40%;
		overflow: hidden;
		position: relative;
	}

	.pages .page .top .gradient-image .gradient {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		right: 0px;
	}

	.pages .page .top .gradient-image img {
		display: block;
	}

	.pages .page .top .content {
    width: 60%;
		color: #6f1e57;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.pages .page .top .content h2 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
		margin-bottom: 20px;
	}

	.pages .page .bottom .wrap {
    max-width: 880px;
    margin: 0 auto;
	}

	.pages .page .bottom {
    background-image: url(/images/product-information-fruit.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60%;
		padding-top: 80px;
		overflow: hidden;
	}

	.pages .page.purple .bottom {
		background-image: url(/images/product-information-nextGen-fruit.jpg);
	}

	.pages .page .bottom .wrap .half h2 {
	    font-size: 38px;
	    line-height: 43px;
	    font-weight: 700;
	    color: #6f1e57;
		margin-bottom: 20px;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.half {
    width: 50%;
	}

	.page .outlineBox {
    background-color: #ffffff;
    border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
    box-sizing: border-box;
    padding: 20px 55px 20px 20px;
		max-width: 412px;
		margin-left: 20px;
		min-width: 412px;
		transition: left 0.5s;
		position: absolute;
		left: 700px;
		top: 45px;
	}

	.page .outlineBox ul {
    list-style: none;
    padding: 0px;
		margin-top: 0px;
		position: relative;
	}

	.page .outlineBox p {
		font-size: 16px;
		line-height: 22px;
		color: #6f1e57;
		font-weight: 700;
	}

	.back-to-top img, .back-to-top p {
    display: inline-block;
    vertical-align: middle;
	}

	.back-to-top img {
    height: 25px;
	}

	.page .outlineBox img {
    width: 10px;
	}

	.pages .page .bottom .wrap .half:nth-of-type(2) h2 {
    font-size: 30px;
    line-height: 35px;
    margin-left: 20px;
    margin-bottom: 10px;
	}

	.pages .page .bottom .wrap p {
    max-width: 380px;
	}

	.back-to-top {
    padding-top: 40px;
		margin-bottom: 20px;
	}

	.langs .flag {
    display: inline-block;
    margin: 0 10px;
	}

	.langs .flag img {
    width: 45px;
	}

	.langs {
    padding-top: 40px;
    padding-bottom: 40px;
	}

	.pages .page {
    display: none;
	}

	.pages .page.selected {
    display: block;
	}

	.flag.selected {
    border: 2px solid #6f1e57;
    border-radius: 25px;
    height: 45px;
    width: 45px;
	}

	.pages .page.purple .top .gradient-image img {
    float: right;
	}

	.page .half.left {
		position: relative;
	}

	.page.purple .outlineBox {
    background-color: #6f1e57;
    color: #ffffff;
		box-shadow: none;
		top: 10px;
	}

	.pages .outlineBox.selected {
		left:0px;
		position: relative;
		top: 0px;
	}

	.page.purple .outlineBox p {
    color: #ffffff;
	}

	.page.purple .top, .page.purple .top .content {
    background-color: #6f1e57;
    color: #ffffff;
	}

	.page.purple .top .content {
    padding-left: 40px;
    box-sizing: border-box;
	}

	.page.purple .top.white, .page.purple .top.white .content {
    background-color: #ffffff;
    color: #6f1e57;
		position: relative;
	}

	.page.purple .top.white .content .logo {
    position: absolute;
    top: 0px;
    right: 40px;
    height: 100px;
	}

	.page.purple .top.white .content .logo img {
    height: 100%;
	}

	.boxes .box {
    border: 2px solid #ffffff;
    display: inline-block;
    width: 30%;
    height: 140px;
		position: relative;
		font-size: 20px;
		line-height: 27px;
		text-align: center;
		vertical-align: middle;
		margin-right: 10px;
	}

	.boxes .box .number {
    position: absolute;
		width: 20px;
		height: 20px;
		top: -10px;
		left: -10px;
		background-color: #ffffff;
		color: #6f1e57;
		text-align: center;
		line-height: 20px;
	}

	.boxes .box p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	}

	.boxes {
    padding-top: 40px;
    padding-bottom: 40px;
	}

	.outlineBox .outline {
    border: 2px solid #6f1e57;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 10px;
    z-index: 0;
	}

	.contactBox {
    display: none;
		border: 2px solid #6f1e57;
    box-shadow: 10px 10px #6f1e57;
    box-sizing: border-box;
    padding: 40px;
    font-size: 16px;
    line-height: 20px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.contactBox.show {
    display: block;
	}

	.contactWrap {
		max-width: 880px;
		margin: 0 auto;
	}

	.contactWrap h1 {
		font-size: 50px;
		line-height: 60px;
		color: #6f1e57;
		margin-top: 80px;
		margin-bottom: 40px;
	}

	.contactWrap h2 {
		margin-top: 40px;
		margin-bottom: 40px;
		font-size: 30px;
		line-height: 36px;
		color:#6f1e57;
	}

	.areas{
		column-count: 3
	}

	.areas .area {
	    width: 100%;
	    float: left;
		font-size: 25px;
		line-height: 30px;
		color:#b3b3b3;
		cursor: pointer;
	}

	.areas .area.selected {
	    font-weight: 700;
	    color: #6f1e57;
	}

	.contactBox .heading {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #6f1e57;
	}

	.contactBox .purple-text {
    font-weight: 700;
    color: #6f1e57;
	}

	.contactBox .label {
		margin-top: 10px;
		color: #b78fab;
	}

	.slide img {
    display: block;
	}

	.linkBoxes .link .content p {
    font-size: 23px;
    line-height: 28px;
    color: #404040;
		font-weight: 500;
	}

	.linkBoxes .link .content p.small {
    font-size: 15px;
    line-height: 18px;
		font-weight: 300;
		display: none;
	}

	.linkBoxes .linkBox .container .link .content {
    margin-left: 20px;
		position: relative;
		z-index: 4;
		max-width: 50%;
	}

	.linkBoxes .linkBox:nth-of-type(2) {
    padding-right: 0px;
	}

	.linkBoxes .linkBox:first-of-type {
    padding-left: 0px;
	}

	.linkBoxes .linkBox .container .link:hover .tint {
		position: absolute;
		background-color: #6f1e57;
		width: 100%;
		height: 100%;
		opacity: 0.3;
		top: 0px;
		left: 0px;
	}

	.linkBoxes .linkBox .container .link .content .arrow {
	    height: 10px;
	    margin-left: 10px;
	    vertical-align: middle;
		display: inline-block;
	}

	.linkBoxes .linkBox .container .link:hover .content p {
		font-weight: 700;
		color: #6f1e57;
	}

	.linkBoxes .linkBox .container .link:hover .content p.small {
		font-weight: 500;
		display: block;
	}

	.areas .area:hover {
	    font-weight: 700;
	    color: #6f1e57;
	}

	.hamburger {
		display: none;
	}


	/*
		 ██████  ███████ ███    ██ ███████ ██████  ██  ██████
		██       ██      ████   ██ ██      ██   ██ ██ ██
		██   ███ █████   ██ ██  ██ █████   ██████  ██ ██
		██    ██ ██      ██  ██ ██ ██      ██   ██ ██ ██
		 ██████  ███████ ██   ████ ███████ ██   ██ ██  ██████
	*/

	body{
		font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
		font-size:15px;
		color:#333;
		line-height:22px;
	}

	.clear{
		clear:both;
	}

	.noSelect{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.right {
		float: right;
	}
	.left {
		float: left;
	}

	.center-banner .text-container a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: 700;
	}

	.two-columns .text-purple {
    font-weight: 700;
	}

	.two-columns .left a, .pages p a {
    color: #cc0000;
    text-decoration: underline;
		font-weight: 700;
	}

	.related-links .clear {
    display: none;
	}

	.related-links .clear:last-of-type {
    display: block;
	}

	.pages .page.purple.noBackground .bottom {
    background-image: none;
	}

	.pages .lowerContent {
    padding-top: 40px;
	}

	.pages .lowerContent p {
    max-width: 100%!important;
    padding-left: 20px;
	}

	.header .slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	}

	.pages .outlineBox .flag {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
		z-index: 9;
	}

	.pages .outlineBox .flag img {
		width: 40px;
		display: block;
		position: relative;
	}

	.legalText {
		padding: 0 20px;
	}

	.legalText h1 {
    font-size: 40px;
    line-height: 60px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #6f1e57;
    font-weight: 700;
	}

	.legalText h2 {
    padding-top: 10px;
    padding-bottom: 10px;
		color: #6f1e57;
	}

	.issueDate {
    margin-top: 20px;
	}

	.pages .page .bottom .wrap .fullWidth {
    padding-bottom: 40px;
	}

	.pages .page .bottom .wrap .fullWidth p {
    max-width: 100%;
	}

	.outlineBox a {
    cursor: pointer;
	}

	.popUpContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
		display: none;
	}

	.popUpContainer.show {
		display: block;
	}

	.popUpContainer .tint{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #000000;
		opacity: 0.3;
	}

	.link-popup{
		display: none;
		width:600px;
		color: rgb(87,0,74);
		left:50%;
		top:15%;
		max-height:80%;
		overflow-y:auto;
		margin-left:-300px;
		background: #fff;
		position: fixed;
		z-index:600;
		text-align: center;
		font-size:0px;
		line-height:28px;
		padding:30px;
		box-sizing:border-box;
		border:10px solid #fff;
	}

	.link-popup table{
		text-align: left;
		margin-bottom:10px;
		font-size:15px;
	}

	.link-popup table td{
		padding:5px 10px;
		vertical-align: top;
		border-bottom: 1px solid #fff;
	}

	.link-popup table tr td:first-child{
		background: #F7F3F6;
		text-align: right;
		padding-right: 15px!important;
		box-sizing: border-box;
		padding-top: 5px!important;
	}

	.link-popup h1 {
    font-family: 'Hero', Hero, Calibri, Helvetica, Arial;
    font-size: 30px;
    line-height: 50px;
    display: inline-block;
    border-bottom: 1px solid rgb(87,0,74);
    margin-bottom: 15px;
	}

	.link-popup.show {
		display: block;
	}

	.link-popup table tr td {
    background: none!important;
    text-align: left!important;
    padding: 0!important;
	}

	.link-popup .download-container {
    display: inline-table;
    text-align: center;
	}

	.link-popup-close, .link-popup-download {
    background: url(../images/spriteSet-popup.png) 0 0 no-repeat;
	}

	.link-popup-download {
    background-position: 0 -14px;
    padding: 0 15px 0 25px;
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
    font-size: 15px;
    display: table-cell;
    margin: 0 auto;
    width: auto;
	}

	.link-popup-close {
    width: 18px;
    height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
	}

	.innovation .outlineBox .outline {
    border-top: none;
    border-left: none;
	}

	.page .outlineBox .nextGenLogo img {
    width: auto;
	}

	.pages.innovation {
    border-top: 2px solid #6f1e57;
	}

	.link-popup table tr:nth-of-type(1) td:nth-of-type(2) {
    font-style: italic;
	}

	.outlineBox .nextGenLogo {
    padding-top: 20px;
	}

  .page.purple .top.white .content p:nth-of-type(1) {
    width: 85%;
  }

	.languageMenu {
    position: absolute;
    width: 40px;
    top: 100%;
    background-color: #ffffff;
    padding: 10px;
    right: 2px;
    overflow: hidden;
		transition: all 0.2s;
    height: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.flag:hover .languageMenu {
		height: auto;
		padding: 15px 10px 10px 10px;
	    box-shadow: 0px 3px 5px -2px grey;
	}

	.languageMenu img {
    display: block;
    margin: 0 auto;
    padding: 5px;
	}

	em.triangle {
    height: 0;
    width: 0;
    display: inline-block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid #6f1e57;
    vertical-align: middle;
	}

	/*
		███████ ██████  ███████  ██████ ██ ███████ ██  ██████ ███████
		██      ██   ██ ██      ██      ██ ██      ██ ██      ██
		███████ ██████  █████   ██      ██ █████   ██ ██      ███████
		     ██ ██      ██      ██      ██ ██      ██ ██           ██
		███████ ██      ███████  ██████ ██ ██      ██  ██████ ███████
	*/









	/*
		███    ███ ███████ ██████  ██  █████                ██    ██ ██████        ███████  ██████  █████  ██      ███████
		████  ████ ██      ██   ██ ██ ██   ██               ██    ██ ██   ██       ██      ██      ██   ██ ██      ██
		██ ████ ██ █████   ██   ██ ██ ███████     █████     ██    ██ ██████  █████ ███████ ██      ███████ ██      █████
		██  ██  ██ ██      ██   ██ ██ ██   ██               ██    ██ ██                 ██ ██      ██   ██ ██      ██
		██      ██ ███████ ██████  ██ ██   ██                ██████  ██            ███████  ██████ ██   ██ ███████ ███████
	*/









	/*
		███    ███ ███████ ██████  ██  █████                ██████   ██████  ██     ██ ███    ██       ███████  ██████  █████  ██      ███████
		████  ████ ██      ██   ██ ██ ██   ██               ██   ██ ██    ██ ██     ██ ████   ██       ██      ██      ██   ██ ██      ██
		██ ████ ██ █████   ██   ██ ██ ███████     █████     ██   ██ ██    ██ ██  █  ██ ██ ██  ██ █████ ███████ ██      ███████ ██      █████
		██  ██  ██ ██      ██   ██ ██ ██   ██               ██   ██ ██    ██ ██ ███ ██ ██  ██ ██            ██ ██      ██   ██ ██      ██
		██      ██ ███████ ██████  ██ ██   ██               ██████   ██████   ███ ███  ██   ████       ███████  ██████ ██   ██ ███████ ███████
	*/

	@media all and (max-width:1280px){
		.header {
			height: 450px;
		}

		.header .slide {
			height: 450px;
			background-size: cover;
			width: 100%;
		}

		.header .banner-text .textContainer {
	    transform: none;
	    top: 150px;
      font-size: 36px;
		}

		.pages .page .top .gradient-image img {
			float: right;
		}

		.pages .page .top .content {
	    padding-right: 40px;
	    box-sizing: border-box;
		}
	}

	@media all and (max-width:1024px){
		.why-choose-us .container {
			width: 100%;
			padding: 0 20px;
			box-sizing: border-box;
		}

		.why-choose-us .third p{
			font-size: 16px;
	    line-height: 20px;
		}

		.header .banner-text .textContainer {
    	font-size: 31px;
    	line-height: 42px;
		}

		.quater.left {
	    font-size: 20px;
	    line-height: 25px;
		}

		.why-choose-us .third img {
    	width: 15%;
		}

		.why-choose-us h2 {
	    font-size: 35px;
	    line-height: 30px;
		}

		.nav .menu ul li {
	    padding-left: 5px;
	    padding-right: 5px;
	    font-size: 14px;
		}

		.nav .logo {
			left: 20px;
		}

		.pages .page .top .content {
	    font-size: 14px;
	    line-height: 19px;
		}

		.boxes .box {
			font-size: 17px;
			line-height: 20px;
			width: 29%;
		}

    .page.purple .top.white .content .logo {
      height: 80px;
    }

	}

	@media all and (max-width:960px){
		.nav {
			width: 100%;
		}
	}

	@media all and (max-width:880px){

		.nav .menu {
	    position: absolute;
	    width: 300px;
	    right: -300px;
	    background-color: #ffffff;
	    padding-bottom: 10px;
	    top: 110px;
	    transition: right 0.5s;
		}

		.nav .menu ul li {
	    width: 100%;
	    font-size: 20px;
	    line-height: 30px;
		}

		.hamburger {
			display: block;
	    position: absolute;
	    top: 40px;
	    right: 40px;
		}

		.hamburger .bars {
			background-color: #6f1e57;
			width: 40px;
			height: 1px;
			margin-bottom: 10px;
			transition: all 0.5s;
			border-radius: 10px;
			border: 2px solid #6f1e57;
		}

		.nav .menu.open {
    	right: 0px;
		}

		.hamburger.open .bar-1 {
			transform: rotate(225deg);
			margin-top: 15px;
		}

		.hamburger.open .bar-2 {
    	opacity: 0;
		}

		.hamburger.open .bar-3 {
	    transform: rotate(-225deg);
	    margin-top: -29px;
		}

		.footer ul li {
	    display: block;
	    margin-bottom: 5px;
		}

		.header-short {
    	margin-top: 115px;
		}

		.two-columns {
	    padding-left: 20px;
	    padding-right: 20px;
		}

		.two-columns .left {
    	width: 100%;
		}

		.two-columns .left.small {
			padding-bottom: 20px;
			padding-right: 0px;
		}

		.quater.left {
	    width: 50%;
	    padding-bottom: 20px;
		}

		.related-links div.clear {
			display: block;
		}

		.linkBoxes {
			margin-left: 20px;
			margin-right: 20px;
		}

		.linkBoxes .linkBox {
			padding: 10px;
			padding-left: 0px;
			padding-right: 0px;
		}

		.linkBoxes .linkBox .container .link .content {
    	margin-left: 10px;
		}

		.linkBoxes .link .content p {
	    font-size: 20px;
	    line-height: 25px;
		}

		.two-columns .big {
			padding-left: 0px;
		}

		.linkBoxes .linkBox .container {
    	height: auto;
		}

		.linkBoxes .linkBox .container .link {
    	height: 100px!important;
		}

		.linkBoxes .linkBox .container .link img {
	    width: 125px;
	    height: 100px;
	    object-fit: cover;
		}

		.two-columns {
			padding-top: 20px;
		}

		.two-columns h1 {
			margin-bottom: 10px;
		}

		.pages .page .top .gradient-image {
	    width: 100%;
		}

		.pages .page .top .gradient-image .gradient {
    	display: none;
		}

		.pages .page .top .gradient-image img {
	    width: 100%;
		}

		.pages .page .top .content {
	    width: 100%;
	    padding: 20px;
	    padding-top: 0px;
		}

		.tabsBoxes .tabs {
	    padding-left: 40px;
	    box-sizing: border-box;
		}

		.pages .page .bottom {
	    padding-left: 20px;
	    padding-right: 20px;
		}

		.pages .page .bottom {
    	padding-top: 20px;
		}

		.pages .wrap>.half.left {
    	width: 100%;
		}

		.page .outlineBox {
    	left: 880px;
		}

		.pages .outlineBox.selected {
    	position: relative;
    	max-width: 90%;
			margin-bottom: 20px;
		}

		.langs {
    	padding-bottom: 0px;
		}

		.contactWrap {
    	padding: 0px 20px;
		}

		.center-banner .text-container {
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 20px;
			padding-bottom: 20px;
		}

    .header .banner-text {
      width: 45%;
    }

    .pages .lowerContent {
      padding-bottom: 20px;
    }

    .link-popup table tr td {
      width: 100%!important;
      float: left;
    }

    .page.purple .top.white .content .logo {
      height: 100px;
    }

		.currentLanguage {
			display: none;
		}

		.languageMenu {
			height: auto;
			position: relative;
			width: 100%;
			right: unset;
			top: unset;
			padding: 0px;
		}

		.languageMenu a {
			display: inline-block;
		}

		em.triangle {
			display: none;
		}

		.flag:hover .languageMenu {
			padding: 0px;
		}
	}

	@media all and (max-width:760px){
		.linkBoxes .linkBox {
			width: 100%;
		}

		.linkBoxes .link .content p {
	    font-size: 25px;
	    line-height: 30px;
		}

		.linkBoxes .link .content p.small {
			font-size: 20px;
			line-height: 25px;
		}

		.two-columns .small h2 {
	    font-size: 20px;
	    line-height: 28px;
		}

		.two-columns .small h2 span.text-purple {
	    font-size: 22px;
	    font-weight: 700;
		}

		.contactBox {
			padding: 20px;
		}

		.contactBox .half {
	    width: 100%;
	    text-align: center;
		}

		.why-choose-us .clear {
    	display: none;
		}

		.why-choose-us .third {
    	width: 50%;
    	padding-bottom: 20px;
		}
	}

	@media all and (max-width:650px){
    .header .banner-text .textContainer {
      font-size: 26px;
    }

    .page .outlineBox {
    	min-width: 0px;
		}

		.tabsBoxes .tabs {
			padding-left: 20px;
		}

		.tabsBoxes .tabs .tab {
			margin-right: 0px;
		}

		.areas{
			column-count: 2
		}

		/* .areas .area {
	    	width: 50%;
	    	text-align: center;
		} */

		.contactBox {
			padding-top: 0px;
		}

		.contactBox .heading {
    	padding-top: 20px;
		}

    .link-popup {
      width: 90%;
      left: 5%;
      top: 10%;
      overflow-y: auto;
      margin-left: 0;
    }

    .page.purple .top.white .content .logo {
      position: relative;
      float: left;
      margin-left: 40px;
      width: 100%;
      padding-bottom: 20px;
    }

    .page.purple .top.white .content p:nth-of-type(1) {
      width: 100%;
    }

	}

	@media all and (max-width:500px){
    .header .banner-text .textContainer {
      font-size: 24px;
      line-height: 30px;
    }

		.quater.left {
    	width: 100%;
		}

		.linkBoxes .link .content p {
	    font-size: 20px;
	    line-height: 25px;
		}

		.footer .left {
	    width: 100%;
	    position: relative;
	    text-align: center;
		}

		.linkBoxes .link .content p {
	    font-size: 18px;
	    line-height: 25px;
		}

		.linkBoxes .link .content p.small {
	    font-size: 16px;
	    line-height: 20px;
		}

		.two-columns h1 {
	    font-size: 35px;
	    line-height: 45px;
		}

		.footer ul {
			padding: 0px;
		}

		.footerLogo {
	    position: relative;
	    right: unset;
	    top: unset;
	    padding-top: 20px;
			padding-bottom: 20px;
		}

		.boxes .box {
	    width: 100%;
	    margin-bottom: 20px;
		}

		.page .outlineBox .half.left {
    	width: 100%;
		}

		.tabsBoxes .tabs .tab {
			font-size: 13px;
			padding: 15px 14px;
		}

		.boxes {
    	padding-bottom: 0px;
		}

		.why-choose-us .third {
    	width: 100%;
		}

		.footer ul li {
    	font-size: 20px;
    	line-height: 25px;
		}

    .header .banner-text {
      width: 60%;
    }

    .header .banner-text .textContainer a .button {
      line-height: 60px;
    }

	}

	@media all and (max-width:400px){
		.linkBoxes .linkBox .container .link img {
    	width: 80px;
		}

		.tabsBoxes .tabs {
    	padding-left: 0px;
		}

		.tabsBoxes .tabs .tab {
			margin: 0px;
			box-sizing: border-box;
			width: 100%;
		}

		.page .outlineBox.selected, .page .outlineBox {
			max-width: 95%;
			margin-left: 0px;
		}

		.areas{
			column-count: 1
		}

		.contactWrap {
    	padding: 0px 10px;
		}

		.contactBox {
    	padding: 0px;
			padding-bottom: 20px;
		}

    .header .banner-text {
      width: 70%;
    }

		.header .banner-text .textContainer {
	    font-size: 25px;
	    line-height: 30px;
	    width: 90%;
		}

		.header .banner-text .textContainer a {
			display: block;
			padding-top: 20px;
		}

	}