.button.final-event-button {
    background-color: #fff;
    border-color: #fff;
    position: relative;
    color: #012A4B;
    background-image: url(/img/arrow-right-blue.svg);
    top: 230px;
}

@media screen and (max-width: 680px) {
    header .button-container .button.final-event-button  {
        background-color: #fff;
        border-color: #fff;
        position: relative;
        color: #012A4B;
        background-image: url(/img/arrow-right-blue.svg);
        top: 230px;
    }
}

h1 {
	font-weight: bold;
}

.home .home-header {
    padding: 0;
    top: 64px;
}

@media screen and (min-width: 680px){
    .home .home-header {
        top: 120px;
    }
}

section {
	padding: 70px 0px;
}
section.news h6 {
	color: #C2C2C2;
	text-align: right;
}

section.news .col.four {
	position: relative;
	margin: 0px 7px;
}
	section.news .col.four .item {
        background-color: #FFF;
		display: inline-block;
		padding: 5px 10px 0px 0px;
		width: 90%;
		margin-top: -100px;
	}
		section.news .col.four .item .info {
			font-weight: 400;
			font-size: 12px;
			color: #B4B4B4;
		}
			section.news .col.four .item .info .theme {
				display: none;
				font-size: 14px;
				font-weight: 500;
				letter-spacing: 0.1px;
				font-family: 'Montserrat', sans-serif;
				text-transform: uppercase;
			}
				section.news .col.four .item .info .theme.arable {
					color: #F6C950;
				}
				section.news .col.four .item .info .theme.dairy {
					color: #5AB4E1;
				}
				section.news .col.four .item .info .theme.fruits {
					color: #9178AF;
				}
				section.news .col.four .item .info .theme.vegetables {
					color: #91C34B;
				}
				section.news .col.four .item .info .theme.meat {
					color: #DC5A5A;
				}

			section.news .col.four .item .info h3 {
				margin-bottom: 10px;
				padding-right: 15px;
				font-weight: 500;
				font-size: 20px;
				line-height: 24px;
			}

section.events {
}

	section.events h3 {
		font-weight: bold;
	}

	section.events h6 {
		color: #C2C2C2;
		text-align: right;
	}

	section.events .col.seven {
		width: 498px;
		text-align: left;
	}

	section.events .info {
 		background-color: #F5F5F5;
 		margin-bottom: 20px;
 		padding: 35px 30px;
		color: #012A4B;
	}
		section.events .info > *:first-child {
			display: inline-block;
			vertical-align: middle;
			text-transform: uppercase;
			width: 50%;
		}
		section.events .info > *:nth-child(2),
		section.events .info > *:last-child {
			display: inline-block;
			text-align: right;
			font-size: 16px;
			font-weight: 600;
			width: 25%;
		}

section.blog {
	background-image: url('/img/home-blog-background.jpg');
	background-size: cover;
	background-position: bottom;
	width: 100%;
}
	.twitter-timeline {
		display: none;
	}

	section.blog .col.eight {
		position: relative;
	}
		section.blog .col.eight h4 {
			color: #FFF;
			margin-top: 10px;
		}
			section.blog .col.eight h4 a {
				color: #FFF;
			}

	section.blog .content {
		background-color: #FFF;
		border-radius: 5px;
		padding: 35px 35px 70px 35px;
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.13);
	}
		section.blog .content.body {
			margin-bottom: 0px;
		}

		section.blog .content.body a {
			display: inline-block;
		}

		section.blog .content.twitter {
			overflow: hidden;
			position: relative;
		}
			section.blog .content.twitter h2 {
				padding-left: 30px;
			}
				section.blog .content.twitter h2:before {
					content: '';
					background-image: url('/img/twitter.svg');
					background-size: 36px 30px;
					position: absolute;
					left: 20px;
					top: 35px;
					width: 36px;
					height: 30px;
				}

	section.blog p {
		font-size: 16px;
		color: #464646;
	}

	section.blog .info {
		font-weight: 400;
		font-size: 12px;
		color: #B4B4B4;
		margin-bottom: 20px;
	}

	section.blog button {
		border: 1px solid #5AB4E1;
		font-family: 'Montserrat', sans-serif;
		padding: 10px 50px 10px 15px;
		font-size: 14px;
		color: #5AB4E1;
		background: transparent;
		position: relative;
		margin-top: 20px;
	}
		section.blog button:hover {
			cursor: pointer;
		}

		section.blog button:after {
			content: '';
			background-image: url('/img/home-read-more-arrow.svg');
			background-size: 17px 10px;
			width: 17px;
			height: 10px;
			position: absolute;
			top: 50%;
			margin-top: -5px;
			right: 15px;
		}

section.projects .nav {
	border-bottom: 2px solid #EAE9E4;
	text-align: center;
	margin: 0px 0px 20px 0px;
	height: 36px;
}
	section.projects .nav ul {

	}
		section.projects .nav ul li {
			display: inline-block;
			padding-bottom: 10px;
		}
			section.projects .nav ul li a {
				text-decoration: none;
				padding-bottom: 10px;
				margin: 0px 20px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 400;
				font-size: 18px;
				color: #C2C2C2;
			}

			section.projects .nav a.arable.active {
				border-bottom: 2px solid #F6C950;
				color: #F6C950;
			}

			section.projects .nav a.dairy.active {
				border-bottom: 2px solid #5AB4E1;
				color: #5AB4E1;
			}

			section.projects .nav a.fruits.active {
				border-bottom: 2px solid #9178AF;
				color: #9178AF;
			}

			section.projects .nav a.vegetables.active {
				border-bottom: 2px solid #91C34B;
				color: #91C34B;
			}

			section.projects .nav a.meat.active {
				border-bottom: 2px solid #DC5A5A;
				color: #DC5A5A;
			}

section.projects .col.four {
	width: 300px !important;
	height: 300px;
	margin: 0px 7px;
	border-radius: 5px;
	position: relative;
}
	section.projects .slide .title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 15px;
		position: absolute;
		bottom: 20px;
		left: 20px;
		color: #FFFFFF;
		text-shadow: 0 2px 4px rgba(0,0,0,0.50);
	}

	section.projects .slide img {
		position: absolute;
		top: 0px;
		left: 0px;
	}

.project-slider-container {
	vertical-align: top;
	display: none;
}

	.project-slider .slide {
		width: 300px;
		height: 300px;
		position: relative;
		display: inline-block;
	}

		.project-slider .slide img {
			position: absolute;
			left: 0px;
			top: 0px;
			border-radius: 5px;
		}

		.project-slider .slide .title {
			position: absolute;
			color: #fff;
			font-size: 15px;
			line-height: 19px;
			font-weight: 600;
			left: 10px;
			bottom: 10px;
			right: 10px;
			pointer-events: none;
			cursor: pointer;
		}

/* partner logos */

.partner-store {
	display: none;
}

.partner-logos {
	max-width: 960px;
	overflow: hidden;
}

	.partner-logos .logo {
		display: inline-block;
		width: 176px;
		height: 80px;
		margin-right: 20px;
		margin-top: 20px;
		position: relative;
	}

	.partner-logos .logo:nth-child(5n+5) {
		margin-right: 0;
	}

		.partner-logos .logo img {
			position: absolute;
			left: 0;
			top: 0;
			vertical-align: middle;
			opacity: 1;
			transition: opacity 1s;
		}




.use-case-filter-bar {
    background: #ffffff;
    display: flex;
    box-shadow: 0 2px 19px 0 rgba(0,0,0,0.13);
    border-radius: 7px;
    padding: 20px 30px;
    z-index: 5;
    margin-top: 60px;
    margin-bottom: 60px;
}

.use-case-filter-bar.legend .col {
    display: flex;
    flex-direction: column;
}

.use-case-filter-bar.legend .col.two {
    align-items: flex-start;
}

.use-case-filter-bar.legend .col.eight {
    align-items: center;
}

.use-case-filter-bar h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: clamp(1.5rem, 0.7620rem + 2.8000vw, 2.73rem);
    line-height: 1;
}

.use-case-filter-bar .themes {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.use-case-filter-bar .types {
    margin-top: auto;
}

.use-case-filter-bar .types li {
    list-style-type: none;
    width: 150px;
}

.use-case-filter-bar .themes li {
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding-top: 56px;
    margin-top: 26px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    cursor: pointer;
    min-width: 60px;
    font-family: 'Montserrat', sans-serif;
    color: #ccc;
}

.use-case-filter-bar .themes li:last-child {
    padding-bottom: 0;
}

.use-case-filter-bar .themes li.arable {
    background-image: url('/img/theme/gray-arable.svg');
}

.use-case-filter-bar .themes li.dairy {
    background-image: url('/img/theme/gray-dairy.svg');
}

.use-case-filter-bar .themes li.fruits {
    background-image: url('/img/theme/gray-fruits.svg');
}

.use-case-filter-bar .themes li.vegetables {
    background-image: url('/img/theme/gray-vegetables.svg');
}

.use-case-filter-bar .themes li.meat {
    background-image: url('/img/theme/gray-meat.svg');
}

.use-case-filter-bar .themes li.arable.selected {
    color: #F6C950;
    background-image: url('/img/theme/arable.svg');
}

.use-case-filter-bar .themes li.dairy.selected {
    color: #5AB4E1;
    background-image: url('/img/theme/dairy.svg');
}

.use-case-filter-bar .themes li.fruits.selected {
    color: #9178AF;
    background-image: url('/img/theme/fruits.svg');
}

.use-case-filter-bar .themes li.vegetables.selected {
    background-image: url('/img/theme/vegetables.svg');
    color: #91C34B;
}

.use-case-filter-bar .themes li.meat.selected {
    background-image: url('/img/theme/meat.svg');
    color: #DC5A5A;
}
.switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 19px;
    margin-top: 10px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}


.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #B2C9D5;
    -webkit-transition: .4s;
    transition: .4s;
    text-indent: 44px;
    font-size: 16px;
    line-height: 1.2;
    color: #012A4B;
    font-family: 'Montserrat', sans-serif;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .slider {
    background-color: #012A4B;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px #B2C9D5;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
}


.list .catalog-container {
    display: block;
    width: calc(100% + 20px);
}

.map .project-map-container,
.map .show-as-list-button,
.list .show-on-map-button {
    display: flex;
    margin-right: 16px;
}

.map .catalog-container,
.list .project-map-container,
.list .show-as-list-button,
.map .show-on-map-button {
    display: none;
}

.show-on-map-button,
.show-as-list-button {
    border: solid #012A4B 2px;
    position: relative;
    padding: 4px 15px 4px 28px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}

.show-on-map-button:before {
    content: '';
    background-image: url(/img/map/map_marker.svg);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 17px;
    height: 17px;
}

.show-as-list-button:before {
    content: '';
    background-image: url(/img/list_icon.svg);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 17px;
    height: 17px;
}

.search-button {
    border: solid #012A4B 2px;
    position: relative;
    padding: 4px 30px 4px 40px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    font-family: 'Montserrat', sans-serif;
}

.search-button:before {
    content: '';
    background-image: url(/img/search_icon.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    top: 5px;
    width: 22px;
    height: 22px;
}

.filter-tip {
    font-size: 15px;
    color: #B2C9D5;
    font-style: italic;
    margin-top: auto;
    height: 50%;
}

.catalog-item {
    max-width: 225px;
    display: none;
}

.catalog-item--width2 {
    max-width: 470px;
}

@media screen and (max-width: 1000px) { 
    .catalog-item {
        width: calc(33% - 20px);
        max-width: calc(33% - 20px);
    }
    .catalog-item img {
        object-fit: cover;
        width: 100%;
    }
    
    .catalog-item--width2 {
        width: calc(66% - 20px);
        max-width: calc(66% - 20px);
    }
}

@media screen and (max-width: 780px) { 
    .catalog-item {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
    .catalog-item img {
        object-fit: cover;
        width: 100%;
    }
    
    .catalog-item--width2 {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
}

.catalog-item.show {
    display: block;
}

.markers .marker {
    max-width: 225px;
    display: none;
}

.markers .marker.show {
    display: block;
}

.catalog-item img {
    display: block;
    position: relative;
}

.catalog-item--width2 .catalog-item-title {
    font-size: 26px;
    line-height: 1.2;
}

.catalog-item-text {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.catalog-item-title {
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.49);    
    flex: 0 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
    font-family: 'Montserrat', sans-serif;
}

.catalog-item:hover .catalog-item-title,
.catalog-item:hover .catalog-item-description  {
    text-shadow: none;
}

.catalog-item-description {
    display: none;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.49);
    flex: 0 0 auto;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-item.arable:hover {
    background-color: #F6C950;
}

.catalog-item.dairy:hover {
    background-color: #5AB4E1;
}

.catalog-item.vegetables:hover {
    background-color: #91C34B;
}

.catalog-item.fruits:hover {
    background-color: #9178AF;
}

.catalog-item.meat:hover {
    background-color: #DC5A5A;
}

.catalog-item:hover img,
.catalog-item:hover::before {
    opacity: 0;
}

.catalog-item:hover .catalog-item-description {
    display: -webkit-box;
}

.catalog-item.organic::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/img/organic-label.svg);
    background-size: contain;
    width: 55px;
    height: 37px;
    background-repeat: no-repeat;
    z-index: 1;
}





.list .show-on-map-button.large-screen-only,
.list .show-on-map-button.small-screen-only,
.map .show-as-list-button.small-screen-only { 
    display: none;
}

@media screen and (max-width: 780px) { 
    .list .show-on-map-button.small-screen-only,
    .map .show-as-list-button.small-screen-only  { 
        display: block;
    }
}
@media screen and (min-width: 780px) { 
    .list .show-on-map-button.large-screen-only {
        display: block;
    }
}



.list .show-as-list-button.small-screen-only {

}


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

    .use-case-filter-bar .themes li {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .use-case-filter-bar.legend .col.two {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 20px;
    }

    .use-case-filter-bar.legend .col.two:nth-child(4){
        display: none;
    }

    .controls-block {
        min-width: 170px;
    }

    .filter-tip {
        display: none;
    }

    .types {
        margin-bottom: 10px;
    }

    .search-button,
    .show-on-map-button, 
    .show-as-list-button {
        min-width: 161px;
    }
}

.search-block {
    position: absolute;
    display: none;
}

.search-block h2 {
    margin-bottom: 20px;
}

.searching.use-case-filter-bar {
    background-color: #B8D5EA;
}

.searching.use-case-filter-bar.legend > div.col {
    opacity: 0;
}

.searching.use-case-filter-bar.legend > div.search-block {
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
    justify-content: space-evenly;
    width: calc(100% - 60px);
    z-index: 9;
}

.search-input-wrapper {
    display: flex;
    width: 100%;
}

.search-input {
    flex-grow: 1;
    padding: 20px 10px;
    font-family: 'Montserrat', sans-serif;
    color: #aaa;
    font-size: 18px;
    font-style: italic;
    margin-right: 10px;
    border-radius: 5px;
    border: none;
}

.filter-search-button {
    display: inline-block;
    padding: 20px 30px;
    color: #fff;
    background-color: #012A4B;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: bold;
    font-family: 'Montserrat';
}

.filter-search-button:hover {
    cursor: pointer;
}

.close-button {
    color: #012A4B;
    border: solid #012A4B 2px;
    display: flex;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}

.close-button:hover {
    cursor: pointer;
}

.project-list-container.desktop {
    display: block;
    position: relative;
    z-index: 9;
}

.home main {
    overflow: visible;
    position: relative;
    padding: 0px 20px;
}

.home .project-map-holder {
    margin: 0 0 0 -999px;
}

.home .project-map-container {
    position: relative;
    margin-left: -20px;
    width: calc(100vw - 15px);
    margin-top: -190px;
    background-color: rgb(207, 220, 229);
}

@media screen and (max-width: 920px) { 
    .home .project-map-container {
        margin-top: -220px;
    }
}

.home .project-map-container .legend {
    display: none;
}

@media screen and (min-width: 920px) { 
    .home .animated-header.home-header {
        background-image: none !important;
    }
}

.animated-header-inner {
    overflow: hidden;
    position: relative;
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 920px) { 
    .header-part-text,
    .header-part {
        display: none;
    }
}

.header-part-text {
    position: relative;
    z-index: 19;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 11px rgba(0,0,0,0.2);
    font-size: 69px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -1px;
}

.header-part {
    position: absolute;
    animation-iteration-count: infinite;
    animation-duration: 9000ms;
    animation-delay: 0ms;
    animation-timing-function: linear;
}

.header-part-arable {
    width: 180px;
    height: auto;
    bottom: -100px;
    right: 17vw;
    animation-duration: 15000ms;
    animation-name: arable;
}

.header-part-diary {
    width: 213px;
    height: auto;
    bottom: -100px;
    left: 29vw;
    animation-duration: 26000ms;
    animation-name: diary;
}

.header-part-meat {
    width: 394px;
    height: auto;
    bottom: 34px;
    right: -280px;
    animation-duration: 19000ms;
    animation-name: meat;
}

.header-part-olives {
    width: 292px;
    height: auto;
    bottom: 0;
    left: -145px;
    animation-duration: 14000ms;
    animation-name: olives;
}

.header-part-fruit {
    width: 285px;
    height: auto;
    top: 115px;
    left: 8px;
    animation-name: fruit;
}

.header-part-vegetables {
    width: 452px;
    height: auto;
    left: 50vw;
    top: -60px;
    animation-duration: 10000ms;
    animation-name: vegetables;
}

@keyframes olives {
    50% {transform:translateX(-20px) translateY(-5px) }
}

@keyframes diary {
    50% {transform:translateX(40px) translateY(-1px) }
}

@keyframes arable {
    50% {transform:translateX(-10px) translateY(1px) }
}

@keyframes vegetables {
    50% {transform:translateX(2px) translateY(15px) }
}

@keyframes fruit {
    50% {transform:translateX(-2px) translateY(-15px) }
}

@keyframes meat {
    50% {transform:translateX(-2px) translateY(-15px) }
}

.button.final-event-button {
    background-color: #fff;
    border-color: #fff;
    position: relative;
    color: #012A4B;
    background-image: url(/img/arrow-right-blue.svg);
    top: 230px;
}

@media screen and (max-width: 680px){
    header .button-container .button.final-event-button {
        background-color: #fff;
        border-color: #fff;
        position: relative;
        color: #012A4B;
        background-image: url(/img/arrow-right-blue.svg);
        top: 230px;
    }
}

.animated-header .button-container {
    display: none;
}