* {
	padding:0px;
	margin:0px;
	border:none;
}
body, html {
	width:100%;
	height:100%;
	max-width:100%;
}
body {
	width:100%;
	background-color:#FFF;
	text-align:center;
	font-family:'Roboto Slab', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	z-index:0;
	padding-top:90px;
}

#header, h1, h2, h3, #intro p {
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	color:#e63a2b;
}
#header {
	background-color:#e63a2b;
	text-align:left;
	height:90px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	max-width:100vw;
	z-index:10000;
}
.sectionLg {
	width:95vw;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.sectionSm {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.sectionFull {
	width:100%;
}
hr {
	width:100%;
	height:2px;
	background-color:#e63a2b;
	display:block;
	position:relative;
	top:-100px;
	z-index:10;
}
h2 {
	display:inline-block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-size:36px;
	font-weight:700;
	text-transform:uppercase;
	margin:80px 0;
	background-color:#FFF;
	padding:0 20px;
	z-index:1000;
}
h2 img {
	width:47px;
	height:auto;
	position:absolute;
	top:-40px;
	right:-35px;
}
h3 {
	font-size:30px;
	font-weight:500;
	margin:80px auto;
}
p {
	font-size:16px;
	color:#333;
	text-align:justify;
	line-height:1.65em;
}
a.blockLink, .blockLink a {
	display:block;
	width:100%;
	padding:0.7em 0 0.5em 0;
	margin:80px 0;
	text-align:center;
	color:#FFF;
	background-color:#e63a2b;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:20px;
	text-decoration:none;
	border-radius:4px;
	transition:transform 0.5s ease-out;
	cursor:pointer;
}
a.blockLink:hover {
	transform:scale(1.1,1.1);
}
img.centerImg {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;
}
img#latakko {
	height:55px;
	width:auto;
}

#header ul {
	list-style-type:none;
	margin-left:20px;
	display:inline-block;
	position:relative;
}
#header li {
	display:inline;
}
#header ul a {
	display:inline-block;
	padding:36px 10px;
	text-decoration:none;
	color:#FFF;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:500;
	transition:opacity 0.5s ease-out;
	cursor:pointer;
}
#header ul a:hover {
	opacity:0.8;
}
#header a.baltic {
	display:inline-block;
	float:right;
	margin:7px 20px;
}
#header a.baltic img {
	height:75px;
	width:auto;
}

#section1 {
	display:grid;
	grid-template-columns: 1fr 500px 1fr;
	grid-gap:40px;
}
#section1 #intro {
	background-color:#e63a2b;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
	padding-top:400px;
	border-radius:4px;
}
#section1 #intro p {
	color:#FFF;
	margin:40px 40px 30px 40px;
	font-weight:900;
}
#partnerList {
	text-align:left;
	line-height:2em;
}
#partnerList a {
	color:#bcbdc0;
	font-size:17px;
	display:inline-block;
	margin-right:0.6em;
	cursor:pointer;
	transition:color 0.2s ease-out;
}
#partnerList span:hover, #partnerList p:hover, #partnerList a:hover, #partnerList a.hl {
	color:#e63a2b;
}
#map {
	width:100%;
	height:400px;
	margin-top:80px;
	border-top:5px solid #e63a2b;
	border-bottom:5px solid #e63a2b;
}
#logoList {
	display:grid;
	grid-template-rows:repeat(7, 1fr);
	position:relative;
	top:-55px;
}
.partner {
	display:block;
	position:relative;
	cursor:pointer;
}
.partner img {
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	transition:opacity 0.2s ease-out;
	width:200px;
	height:auto;
}
.partner:hover img:last-child {
	opacity:0;
}
#brandDescr {
	display:none;
	position:absolute;
	top:0px;
	left:50%;
	transform:translate(-50%,-40%);
	width:400px;
	height:auto;
	background-color:#FFF;
	border:1px solid #e63a2b;
	border-radius:4px;
	box-shadow:0 0 6px #999999;
	padding:20px;
	z-index:10000;
}
#brandDescr h3 {
	margin:0px;
	margin-bottom:20px;
}
#sectionTimeline {
	display:grid;
	grid-auto-flow:column;
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
	width:100%;
}
#sectionTimeline a {
	display:block;
	position:relative;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#e63a2b;
	text-decoration:none;
	background-image:url(i/tl_dot.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	padding-top:3em;
	cursor:pointer;
}
#sectionTimeline a:hover {
	background-image:url(i/tl_dot_active.png);
}
#sectionTimeline a.nodata:hover {
	background-image:url(i/tl_dot.png);
	cursor:default;
}
#tlLabel {
	position:absolute;
	bottom:55%;
	left:50%;
	transform:translate(-50%,0);
	overflow:hidden;
	width:200px;
	height:0px;
	display:grid;
	grid-template-rows:240px 36px;
	z-index:10000;
}

#tlArrow {
	text-align:center;
}
#tlLabel #tlArrow.tlaLeft {
	text-align:left;
}
#tlLabel #tlArrow.tlaRight {
	text-align:right;
}
#tlLabel img {
	width:66px;
	height:auto;
}
#tlText {
	padding:10px;
	color:#FFF;
	font-size:11px;
	text-align:center;
	background-color:#e63a2b;
	height:240px;
}


#sectionStats {
	background-image:url(i/gb.jpg);
	background-size:cover;
	background-position:center center;
	text-align:left;
}
#sectionStats img {
	width:400px;
	height:auto;
	margin-top:20px;
}
#stats {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	margin-top:120px;
}
#stats div {
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	font-weight:900;
	font-size:20px;
	padding:40px 0;
}
#stats div span {
	display:block;
	font-size:80px;
}

#sectionRev, #sectionNews {
	overflow:hidden;
	width:100vw;
	max-width:100%;
	position:relative;
	padding-top:80px;
	padding-bottom:80px;
}
#reviews, #news {
	display:grid;
	grid-gap:5vw;
	grid-auto-flow:column;
	position:relative;
	transition:all 0.2s ease-out;
}

a.review, a.newsItem {
	display:block;
	transform-origin:center center;
	transition:transform 0.2s ease-out;
	width:30vw;
	max-height:36em;
	overflow:hidden;
}
a.review.hidden, a.newsItem.hidden {
	width:0px;
	margin:0px;
}
.mask {
	width:100%;
	height:120px;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40px, rgba(255,255,255,0) 100%);
	position:absolute;
	bottom:0px;
	left:0px;
}
a.review.featured, a.newsItem.featured {
	cursor:pointer;
}
a.review.featured:hover, a.newsItem.featured:hover {
	transform:scale(1.05,1.05)	
}
.revImgHolder {
	width:100%;
	padding-top:66%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:4px;
}
.review h3, .newsItem h3 {
	font-size:16px;
	margin:25px 0 20px 0;
	font-weight:700;
	text-align:left;
}
.gradCover {
	background-image:url(i/gtr.png);
	background-size:100%;
	width:30vw;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
}
#coverLeft, #coverLeftN {
	background-image:url(i/gtl.png);
	right:auto;
	left:0px;
}
.clickers {
	display:inline-block;
	position:absolute;
	left:80px;
	top:50%;
	margin-top:-30px;
	cursor:pointer;
	transform-origin:center center;
	transition:transform 0.5s ease-out;
}
.clickers:hover {
	transform:scale(1.1,1.1);
}
.clickers img {
	width:60px;
	height:60px;
}
.clickers.disabled {
	opacity:0.2;
	cursor:default;
}
#clickerRight, #clickerRightN {
	left:auto;
	right:80px;
}
#newsPadder, #revPadder {
	width:30vw;
}

.newsItem h3 span {
	display:block;
	font-size:14px;
}
/*#sectionNews {
	display:grid;
	grid-gap:50px;
	position:relative;
}

.newsItem {
	display:block;
	position:relative;
	top:0px;
	border-radius:4px;
	background-color:#FFF;
	cursor:pointer;
	padding:10px;
	transform-origin:center center;
	transition:transform 0.2s ease-out;
}
.newsItem:hover {
	transform:scale(1.05, 1.05);
}

.newsItem p {
	max-height:6.5em;
	overflow:hidden;
	text-overflow:ellipsis;
}*/

#footer {
	display:grid;
	grid-template-columns:200px 1fr 200px;
	background-color:#e63a2b;
	align-items:center;
	margin-top:80px;
}
#footer div {
	padding:30px 0;
}
#footer img {
	width:130px;
	height:auto;
}
#footer a {
	display:inline-block;
	color:#FFF;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:500;
	text-decoration:none;
	padding:0 15px;
	margin:0 10px;
	cursor:pointer;
	transition:opacity 0.5s ease-out;
}
#footer a:hover {
	opacity:0.8;
}
#page {
	transition:opacity 0.2s ease-out;
	max-width:100%;
}
.transp {
	opacity:0.5;
}
#openBox {
	position:fixed;
	top:5vh;
	left:50%;
	transform:translate(-50%,0);
	height:90vh;
	width:90vw;
	max-width:660px;
	box-sizing:border-box;
	padding:20px;
	background-color:#FFF;
	border-radius:4px;
	box-shadow:0 0 6px #999;
	transition:opacity 0.2s ease-out;
	overflow:hidden;
	z-index:5005;
}
#openBox.invisible {
	opacity:0;
}
#openBox h3 {
	margin:40px 0;
}
#openBox h3 span {
	display:block;
	font-size:0.8em;
}
#openBox p {
	margin-bottom:1em;
}
#openBox ul {
	text-align:left;
	margin-bottom:1em;
}
#openBox li {
	margin-left:1em;
}
#x, #xs, #xsf {
	display:inline-block;
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
}
#x img {
	width:40px;
	height:40px;
}
#xs, #xsf {
	right:10px;
	top:10px;
}
#xs img, #xsf img {
	width:20px;
	height:20px;
}
#header #mobileMenu {
	display:none;
}
#feedback {
	display:none;
	width:20em;
	height:0px;
	overflow:hidden;	
	z-index:10000;
	
}
#feedback.openFeedback {
	display:inline-block;
	position:fixed;
	right:5vw;
	bottom:-4px;
	padding:2em;
	background-color:#FFF;
	border-radius:4px;	
	border:1px solid #e63a2b;
	padding-bottom:4em;
	height:auto;
}
#feedback input, #feedback textarea {
	border:1px solid #999;
	padding:0.6em;
	color:#000;
	text-align:left;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:500;
    font-size:18px;
	margin-bottom:2em;
	width:100%;
	display:block;
	box-sizing:border-box;
	border-radius:2px;
	transform-origin:50% 50%;
}
#feedback textarea {
	height:4em;
}
#feedback input.inactive, #feedback textarea.inactive {
	color:#999;
}
#feedback input#fComm {
	box-sizing:border-box;
	margin:0px;
	border:none;
	height:0px;
}
#feedback input[type="submit"] {
	background-color:#e63a2b;
	color:#FFF;
	text-align:center;
	border:1px solid #e63a2b;
}

#cookie_cons {
	width:100%;
	max-width:800px;
	height:150px;
	position:fixed;
	bottom:0px;
	left:50%;
	transform:translate(-50%,0);
	z-index:5000;
}
#cookie_consent {
	background-color:#e63a2b;
	display:grid;
	grid-template-rows:1fr 80px;
	align-items:center;
	position:absolute;
	left:0px;
	bottom:0px;
}
#cookie_consent p {
	margin:0px;
	padding:1em;
	color:#FFF;
	font-size:0.9em;
}
#cookie_consent a {
	text-decoration:underline;
}
#cookie_consent a#agree {
	display:inline-block;
	width:100%;
	padding:1em 0;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:500;
}
#cookie_consent a#readMore {
	cursor:pointer;
}

@media only screen and (orientation: portrait) {

	body {
		min-width:100vw;
			}
	#page {
		width:90vw;
		max-width:90vw;
		padding:0 5vw 0 5vw;
	}
	#header {
		max-width:100vw;
		width:100vw;
	}
	#header ul {
		display:none;
	}
	.sectionSm {
		width:90vw;
	}
	.sectionLg {
		max-width:90vw;
	}
	#section1 {
		display:flex;
		flex-direction:column;
	}
	#intro { order:1; }
	#logoList { order:2; }
	#partnerList { order:3; }
	#logoList {
		top:0px;
		grid-template-columns:repeat(2, 1fr);
		grid-template-rows:auto;
	}
	#logoList a {
		width:100%;
		padding-top:60%;
	}
	#logoList a img {
		width:80%;
		right:10%;
		height:auto;
	}
	#partnerList {
		text-align:center;
	}
	#sectionTimeline {
		grid-auto-flow:row;
	}
	.sectionFull {
		width:100vw;
		margin-left:-5vw;
	}
	#header a.baltic {
		margin-left:0px;
	}
	#footer {
		grid-template-columns:auto;
		grid-template-rows:repeat(3, 1fr);
		width:100vw;
		margin-left:-5vw;
	}
	#footerMenu a {
		display:block;
		margin:0.5em;
	}
	h2 img {
		top:-50px;
		left:50%;
		right:auto;
		transform:translate(-50%,0);
	}
	h2 {
		font-size:30px;
	}
	h2#projekta_vesture {
		max-width:70%;
	}
	#sectionTimeline {
		width:10em;
	}
	#sectionTimeline a.timelineYears {
		padding:1em 0;
		background-image:url(i/tl_dot_m.png);
	}
	#sectionTimeline a.timelineYears:nth-child(odd) {
		text-align:left;
	}
	#sectionTimeline a.timelineYears:nth-child(even) {
		text-align:right;
	}
	#sectionTimeline a:hover {
		background-image:url(i/tl_dot_active_m.png);
	}
	#sectionTimeline a.nodata:hover {
		background-image:url(i/tl_dot_m.png);
		cursor:default;
	}
	#sectionStats img {
		width:80%;
		height:auto;
		margin-left:8%;
	}
	#stats {
		grid-template-columns:auto;
		grid-template-rows:repeat(3, 1fr);
		margin-bottom:20px;
	}
	#stats div {
		font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#FFF;
		text-align:left;
		font-weight:900;
		font-size:20px;
		padding:5px 20px;
	}
	#stats div span {
		display:block;
		font-size:40px;
	}
	.gradCover {
		display:none;
	}
	a.review, a.newsItem {
		width:90vw;
		margin: 0 5vw;
	}
	#header #mobileMenu {
		width:36px;
		display:block;
		margin-left:auto;
		margin-right:auto;	
		z-index:10000;
		background-color:transparent;
		padding:13px 5px;
		float:left;
		position:relative;
		top:22px;
		left:15px;
	}
	#header #mobileMenu div {
		height:2px;
		margin-bottom:8px;
		display:block;
		background-color:#FFF;
	}
	#header #mobileMenu div:last-child {
		margin-bottom:0px;
	}
	#header ul.mobileOpen {
		display:block;
		position:fixed;
		top:0px;
		left:0px;
		width:100vw;
		height:100vh;
		z-index:9000;
		background-color:#e63a2b;
		box-sizing:border-box;
		margin:0px;
		margin-top:89px;
	}
	#header ul.mobileOpen a {
		display:block;
		text-align:center;
		padding:28px 0;
	}
	#header ul.mobileOpen li:first-child a {
		margin-top:28px;
	}
	#brandDescr {
		width:90vw;
		box-sizing:border-box;
	}
	#newsPadder, #revPadder {
		width:0vw;
	}
	#review0, #newsItem0 {
		width:0px;
		margin:0px;
	}
	.clickers {
		left:10px;
		top:40px;
		cursor:pointer;
		transform-origin:center center;
		transition:transform 0.5s ease-out;
	}
	.clickers img {
		width:30px;
		height:30px;
	}
	#clickerRight, #clickerRightN {
		left:auto;
		right:10px;
	}
	#sectionRev, #sectionNews {
		max-width:100vw;
	}
	#reviews, #news {
		grid-gap:0px;
	}

}