@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Regular.ttf); }
@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Light.ttf);
	font-weight: 100; }
@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Medium.ttf);
	font-weight: 600; }
@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Bold.ttf);
	font-weight: 700; }
@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Black.ttf);
	font-weight: 800; }
@font-face {
	font-family: Tinos;
	src: url(../fonts/Tinos-Regular.ttf); }
@font-face {
	font-family: Tinos;
	src: url(../fonts/Tinos-Bold.ttf);
	font-weight: 700; }
.row,
hr {
	max-width: 75rem; }
body, a, p, h1, h2, h3, h4, h5 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

/* Header styling */
a,
a:hover,
a:focus,
a:active {
	color: #4b586b; }
header .logo,
header .menu {
	display: inline-block; }
header .logo {
    width: 17vw;
    text-align: right;
    padding-right: 3rem; }
header .logo img {
	margin-top: -4.5rem;
	width: 70%;
    max-width: 150px; }
.logo-name {
	position: absolute;
	width: 17vw;
	text-align: right;
    font-size: 0.8rem;
    line-height: 1rem;
    padding-right: 3rem;
    opacity: 0;
    transition: opacity ease-in-out 0.3s;
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s; }
.logo-name p {
	margin-bottom: 0; }
.logo:hover > .logo-name {
	opacity: 1; }
header .menu {
	background: #fff;
	text-align: right;
	width: 82vw;
	max-width: 65rem;
    margin-top: 1.5rem;
    margin-left: -1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    height: 5rem; }
header .menu.dark {
	background: #4b586b; }
.menu.dark a {
	color: #fff; }
.large-menu ul {
	list-style: none;
	text-align: center;
	display: inline-block; }
.large-menu ul.pages li {
	display: inline-block; }
.pages a {
	padding: 3.3rem 0.5rem 0.6rem 0.5rem;
	font-weight: 500;
    margin-right: 1.5rem;
    transition: background ease-in-out 0.3s;
	-webkit-transition: background ease-in-out 0.3s;
	-moz-transition: background ease-in-out 0.3s;
	-o-transition: background ease-in-out 0.3s; }
.pages a.active,
.pages a:hover {
	background: #4b586b;
	color: #fff; }
header .lang {
	text-transform: uppercase;
	font-weight: 500; }
.lang .not-active {
	font-size: 0.8rem;
	opacity: 1;
	transition: opacity ease-in-out 0.3s;
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s; }
/*.lang:hover > .not-active {
	opacity: 1; }*/

@media(max-width: 1115px) {
	header .menu {
		width: 83vw; }
}
@media(max-width: 1100px) {
	header .menu {
	    width: 84vw; }
	.pages a {
		margin-right: 1rem; }
}
@media(max-width: 1021px) {
	.pages a {
	    margin-right: 0.5rem;
	}
}
@media(max-width: 955px) {
	header .menu {
		font-size: 0.9rem; }
	.pages a {
		padding-bottom: 0.75rem; }
	.logo-name {
		font-size: 0.6rem;
    	line-height: 0.7rem; }
    header .logo img {
    	margin-top: -2.5rem; }
}
@media(max-width: 890px) {
	.pages a {
		margin-right: 0rem; }
}
@media(max-width: 822px) {
	header .menu {
		font-size: 0.8rem; }
	.pages a {
		padding: 3.1rem 0.3rem 0.95rem 0.3rem; }
	header .logo,
	.logo-name {
		padding-right: 1rem; }
}
@media(max-width: 705px) {
	header .menu {
	    font-size: 0.7rem; }
	.pages a {
		padding-bottom: 1.1rem; }
}
/* small screen */
@media(max-width: 639px) {
	header .logo {
		padding-right: 0;
	    width: 50%;
	    text-align: left; }
	header .logo img {
		margin-top: 0;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem; }
	.menu-bar {
		text-align: right; }
	.menu-bar img {
		width: 50px;
	    margin-top: 2rem; }
	.menu-content {
	    padding-top: 2rem; 
	    background: #fff;
	    display: none; }
	.small-menu ul {
		list-style: none;
		text-align: right;
		padding-right: 2rem; }
	.small-menu ul.lang li {
		display: inline-block; } 
	.small-menu a {
		padding: 0.25rem; }
	.small-menu a.active {
		background: #4b586b;
		color: #fff; }
}
/* Footer styling */
footer {
	text-align: center; }
.footer {
	background: #282e36;
	color: #fff;
	padding: 2rem;
    margin-top: 5rem; }
.footer a,
.footer a:hover {
	color: #fff; }
footer img {
	max-height: 4.5rem;
	max-width: 90%;
    margin: 1rem; }

/* Home page styling */
/* Top */
.top {
	min-height: 75vh;
	width: auto;
	margin-left: 17vw;
	margin-top: -7rem;
	background-repeat: no-repeat;
    background-size: cover; }
.home .top {
	min-height: 120vh; }
.top-heading {
	text-transform: uppercase;
    text-align: right;
    padding-top: 10rem;
    max-width: 65rem;
    padding-right: 1rem;
    color: #fff;
    font-weight: 600;
    font-size: 3.5rem; }
.top-heading p {
	line-height: 1; }
.top-subheading {
	text-align: right;
	max-width: 65rem;
	padding-right: 1rem;
    font-size: 2rem;
    line-height: 1;
    font-weight: 600; }
.top-subheading a {
	color: #fff;
	transition: color ease-in-out 0.3s;
	-webkit-transition: color ease-in-out 0.3s;
	-moz-transition: color ease-in-out 0.3s;
	-o-transition: color ease-in-out 0.3s; }
.top-subheading a:hover {
	color: rgba(255,255,255, 0.7); }
.home .top-heading {
	padding-top: 13rem; }
.short-description {
	background: #4b586b;
	color: #fff;
	width: 40vw;
	max-width: 45rem;
    margin-left: 3rem;
    margin-top: -12rem; }
.short-description p {
	font-family: 'Tinos', serif;
	/*-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;*/
    font-size: 0.9rem;
    line-height: 1rem;
    padding: 1.5rem 5rem; }
.read-more {
	color: #ed7224;
    background: #4b586b;
    width: 11rem;
    margin-left: 3rem;
    padding: 1rem;
    padding-top: 1.5rem;
    text-transform: uppercase;
    font-weight: 700; }
.read-more img {
	margin-left: 0.5rem;
	width: 1.5rem;
	opacity: 0;
	transition: opacity ease-in-out 0.3s;
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s; }
a.read-more,
a.read-more:hover,
a.read-more:focus,
a.read-more:active {
	color: #ed7224; }
.read-more:hover > img {
	opacity: 1; }

@media(max-width: 640px) {
	.home .top-heading {
		padding-top: 4rem; }
}

/* News, Books */
.blocks {
	margin-top: 5rem;
	text-align: center;
	padding-left: 3rem;
	padding-right: 3rem; }
.block {
	padding-left: 3rem;
	padding-right: 3rem;
	color: #4b586b;
	margin-bottom: 3rem; }
.header {
	text-transform: uppercase;
	color: #fff;
	background: #4b586b;
	font-weight: 500;
	font-size: 3rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
    margin-bottom: 0; }
.block .content {
	text-align: left;
	padding: 2rem 4rem;
	border: 2px solid #4b586b; }
.home .block .content {
	height: 22rem; }
.block .content h3 {
	font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.5rem; }
.block .content p {
	font-family: 'Tinos', serif;
	margin-bottom: 2rem; }
.block .read-more {
	background: transparent;
    width: auto;
    margin-left: 0;
    padding: 0; }
.block .content.books h3 {
	font-size: 1rem; }
/* Navigation style */
.navigation {
	text-align: right; }
.count,
.slides {
	display: inline-block; }
.slides .next,
.slides .prev,
.pagination .next,
.pagination .prev {
	background: #4b586b;
	padding: 1rem;
    margin-left: 0.25rem; }
.count,
.pagination li.count {
	background: #4b586b;
	color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 0.9rem 1rem 1.1rem 1rem; }

/* Members */
.members {
	background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem 1rem;
    margin-bottom: 5rem;
    margin-top: 5rem; }
.members-group {
	padding: 0; }
.member {
	/*width: 17%;*/
    margin: 0.5rem;
    height: 8rem;
    display: inline-table;
    background: #fff;
    text-align: center;
    vertical-align: top;
    padding: 1rem;
    position: relative; }
.member-text {
	width: 40%; }
.small-member {
	width: 29.2%;
    margin: 1.5%; }
.member h4 {
	vertical-align: middle;
    display: table-cell;
    font-weight: 600;
    font-size: 1rem }
.member img {
	max-width: 90%;
	max-height: 6rem;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%); }
.about-members {
	text-align: right;
	background: #4b586b;
	color: #fff;
	padding: 2rem 5rem; }
.about-members p {
	font-family: 'Tinos', serif;
	font-size: 0.9rem;
    line-height: 1rem;
    /*margin-bottom: 2rem;*/ }
.about-members .read-more {
	padding: 0;
	margin: 0; }
.paragraph {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;
    color: #4b586b; }
.paragraph p,
.paragraph ul,
.paragraph ol {
	font-family: 'Tinos', serif;
	color: #282e36;
	font-size: 0.9rem;
    line-height: 1.4;
    padding-left: 1rem; }
.paragraph h1 {
	font-size: 1.5rem;
    font-weight: 600; }
.paragraph table tbody th, .paragraph table tbody td {
	border: 1px solid #4b586b;
    background-color: white;
    padding: 0.25rem; }
.paragraph table p {
	margin: 0;
	padding: 0; }
@media(max-width: 640px) {
	.paragraph {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0; }
}

/* Contacts */
.contacts .header {
	text-align: center; }
.contacts .header.white {
	background: transparent;
	color: #4b586b; }
.contacts .block .content {
	padding: 2rem 6rem;
	font-size: 1.2rem; }
.contacts .description {
	font-family: 'Tinos', serif;
	margin-top: 1rem; }
.contacts .info,
.contacts a.info {
	font-weight: 600; } 

/* Contact form */
.contact-form label {
	font-size: 1rem;
	color: #4b586b;
	font-weight: 600; }
.contact-form input,
.contact-form textarea {
	border-radius: 0;
	border: 1.5px solid #4b586b; }
.contact-form button {
	background: #4b586b;
    width: 100%;
    border-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 1.2rem; }
.contact-form .error,
.order-book .error {
	color: #ed7224;
    line-height: 0.4;
    display: none; }
#thanks {
	text-align: center;
	color: #4b586b; }

@media(max-width: 1200px) {
	.block .content {
		padding: 1rem 2rem; }
	.member h4 {
		font-size: 0.9rem; }
	.contacts .header.white {
		font-size: 2.5rem; }
	.contacts .block .content {
		padding: 2rem 4rem; }
}
@media (max-width: 1025px) {
	.member {
		width: 21%; }
}
@media(max-width: 1000px) {
	.short-description {
		width: 80vw; }	
	.block {
		padding-left: 1.5rem;
		padding-right: 1.5rem }
	.block .content p {
		line-height: 1.3; }
	.about-members {
		padding: 2rem 4rem; }	
}
@media(max-width: 930px) {
	.member h4 {
		font-size: 0.9rem; }
}
@media(max-width: 880px) {
	.member {
		width: 26%; }
	.about-members {
		padding: 2rem 1rem; }
	.contacts .block .content {
		padding: 2rem 2rem;
		font-size: 1rem; }
	.contacts .header.white {
		font-size: 2rem; }	
}
@media(max-width: 800px) {
	.top-heading {
		font-size: 3rem; }
	.top-subheading {
		font-size: 1.5rem; }
	.blocks {
		padding-left: 1rem;
		padding-right: 1rem;	}
	.block {
		padding-left: 0.5rem;
		padding-right: 0.5rem }
	.block .content h3 {
		font-size: 1rem; }
	.block .content p {
		font-size: 0.9rem; }
}
@media(max-width: 750px) {
	.top-heading {
		font-size: 2.5rem;
		padding-top: 8rem; }
	.top-subheading {
		font-size: 1rem; }
}
@media(max-width: 700px) {
	.member {
		width: 43%; }
}
@media(max-width: 640px) {
	.top {
		margin-left: 0;
		margin-top: 0; }
	.top-heading {
		padding-top: 0.5rem; }
	.home .top {
		min-height: 100vh; }
	.short-description {
		width: 90vw;
		margin-left: 5vw; }
	.short-description p {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	     -webkit-column-gap: 0; /* Chrome, Safari, Opera */
	    -moz-column-gap: 0; /* Firefox */
	    column-gap: 0;
	    padding: 1rem 3rem; }
	.read-more {
		margin-left: 5vw; }
	.member {
		width: 46%; }
}
@media(max-width: 470px) {
	.top-heading {
		font-size: 1.8rem;
		padding-top: 5rem; }
	.short-description {
		margin-top: -20rem; }
}
@media(max-width: 420px) {
	.member {
		width: 43%; }
}
@media(max-width: 360px) {
	.top-heading {
		font-size: 1.5rem; }
}

/* NEWS page styling */
.articles {
	margin-top: 5rem; }
.article {
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 4rem; }
.article h3 {
	color: #fff;
	background: #4b586b;
	padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 600; }
.article p {
	font-family: 'Tinos', serif;
	color: #282e36;
	padding: 1rem 2rem; }
.article div {
	border: 2px solid #4b586b; }
.article .read-more {
	margin-left: 0;
	float: right;
	padding: 0.5rem;
	padding-left: 1rem; }
/*.article p.text {
	display: none; }*/

.pagination {
	text-align: center; }
.pagination a {
	padding: 0;
	border-radius: 0; }
.pagination a:hover {
	background: transparent; }
.pagination .disabled img {
	display: none; }
.pagination .disabled {
	padding: 0;
	margin: 0; }
.pagination .next,
.pagination .prev {
	margin-left: 0.25rem;
	margin-right: 0.25rem }
.pagination li.count {
	padding: 0.9rem 2rem 1.1rem 2rem;
    border-radius: 0;
    margin: 0;
    display: inline-block; }

/* SINGLE ARTICLE */
.single-article {
	margin: 3rem 6rem 5rem 20vw;
	color: #282e36; }
.single-article h1 {
	font-size: 2rem;
    font-weight: 600; }
.single-article .date {
	color: #4b586b;
    font-weight: 600;
    margin-top: 1.5rem; }
.single-article p.text {
	font-family: 'Tinos', serif; }
@media(max-width: 640px) {
	.single-article {
		margin: 3rem 3rem 5rem 3rem; }
}

/* BOOKS */
.books-page .books {
	margin-top: 5rem; }
.book-column {
	padding: 1rem; }
.book {
	border: 2px solid #4b586b;
	padding: 1rem;
	padding-bottom: 2rem;
	color: #4b586b; }
.book h3 {
	color: #282e36;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2rem }
.book .table-content {
	font-family: 'Tinos', serif;
	line-height: 1.2;
	margin-bottom: 2rem; }
.book .table-content a {
	text-transform: uppercase;
	text-decoration: underline; }
.book .price {
	font-size: 1.9rem;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1; }
.book .pvn {
	font-weight: 700;
	margin-bottom: 0.5rem; }
.book .read-more {
	margin-left: 0;
	width: 100%;
	padding: 1rem;
	border-radius: 0; }
.subheading {
	text-transform: uppercase;
	color: #4b586b;
	margin-top: 5rem;
    font-weight: 600;
    padding-left: 1rem; }
.subheading span {
	text-transform: none; }
hr {
	border-bottom: 1px solid #4b586b; }
.ebooks .book {
	border: none; }
.ebooks .book-column {
	border: 2px solid #4b586b; 
	margin: 1%;
	width: 30% ;}

.reveal.book-content {
	width: 60vw;
	max-height: 90vh;
	overflow: auto;
	font-family: 'Tinos', serif; }

.reveal.order-book {
	width: 90vw;
    color: #282e36; }
.order-book .order-info {
	font-family: 'Tinos', serif;
	font-style: italic;
	margin-top: 1.5rem; }
.order-book label,
.order-book input,
.order-book select {
	color: #282e36; }
.order-book input,
.order-book select {
	border-radius: 0;
	border: 1px solid #282e36;}
.order-book ul {
	list-style: none;
	margin: 0;
    margin-top: 0.5rem; }
.order-book li {
	display: inline-block; }
.order-book .button {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #4b586b; 
	font-weight: 700;
	border-radius: 0;
    font-size: 1.2rem;
    padding: 0.5rem; }
.order-book .summ {
	text-align: right;
	color: #4b586b;
	font-size: 1.3rem;
    font-weight: 600; }
.order-book .summ span {
	font-size: 1.7rem;
	font-weight: 700; }
.order-book ul label {
	line-height: 1; }
.order-book ul br {
	display: none; }
#email2 {
	display: none; }
.alert {
	width: 40vw;
	position: absolute;
    margin-left: 30vw;
    top: 10vw;
    background: #fff;
    text-align: center;
    padding: 1rem; }

@media(max-width: 1080px) {
	.book .price {
		font-size: 1.5rem; }
}
@media(max-width: 1025px) {
	.ebooks .book-column {
		width: 48%; }
}
@media(max-width: 860px) {
	.order-book ul br {
		display: block; }
}
@media(max-width: 820px) {
	.subheading {
		font-size: 2rem; }
}
@media(max-width: 640px) {
	.ebooks .book-column {
		width: 98%; }
	.subheading {
		font-size: 1.25rem; }
	.reveal.book-content {
		width: 100vw;
		height: auto; }
	.book-content .close-button {
		position: fixed; }
	
	.reveal.order-book {
		width: 100vw; }
	.order-book li {
		display: block; }
	.order-book .summ {
		text-align: center; }
	.order-book ul br {
		display: none; }
}

/* Members page */
.member-container {
	padding: 1rem; }
.members-page .member {
	margin: 0;
	border: 2px solid #4b586b;
	width: 100%;
	opacity: 0.8;
	transition: opacity ease-in-out 0.3s;
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s; }
.members-page .member:hover {
	opacity: 1; }
#biedri {
	margin-bottom: 0; }
#memberContent {
	color: #4b586b; }
#memberContent h2,
#memberContent h3 {
	font-weight: 600; }
#memberContent p,
#memberContent a {
	font-size: 1.2rem;
	margin-bottom: 0; }
#memberContent .member {
	height: 150px;
	margin: 0;
	width: 41.66667% }
#memberContent .description {
	font-size: 1rem; }
#memberContent ul li {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; }
@media(max-width: 1100px) {
	#memberModal {
		width: 80vw; }
}
@media(max-width: 640px) {
	#memberModal {
		width: 100vw; }
	#memberContent h2 {
		text-align: center; }
	#memberContent .member {
		width: 100%;
		height: auto; }
	#memberContent .member img {
		max-height: none;
	    position: initial;
	    top: 0;
	    left: 0;
	    margin-right: 0;
	    transform: none; }
}

/* Information */
.websites {
	padding-left: 1rem;
	color: #4b586b;
	font-size: 1.1rem;
	font-weight: 600; }
.websites a {
	color: #282e36; }
.websites a:hover {
	color: #4b586b; }

/* About us */
.board {
	padding-left: 1rem;
	color: #4b586b; }
.board h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 2rem; }
.board h4 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2rem; }
.board .members-row {
	margin-bottom: 2rem; }
.board a:hover {
	color: #282e36; }
.board p {
	font-size: 0.9rem;
    line-height: 1.5; }
.board-member img {
	opacity: 0.7;
	transition: opacity ease-in-out 0.3s;
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s; }
.board-member:hover img {
	opacity: 1; }

/* Contact page */
.contacts-row {
	margin-left: 17vw; }
.contacts-row h3 {
	text-transform: uppercase;
	color: #4b586b;
	font-size: 1.5rem;
    margin-bottom: 2rem;
    margin-top: 5rem; }
.contacts-row .form {
	padding-left: 5rem;
	padding-right: 5rem; }
.contacts-row .form h3 {
	text-align: center; }
.contacts-row .contact-info {
	color: #4b586b;
	font-size: 1.1rem; }
.contacts-page .map {
	padding: 0;
	margin-top: 5rem; }
.contacts-page .map iframe {
    width: 100%;
    height: 50vh;
    border: none; }
.contacts-footer {
	margin-top: -5.6rem; }
@media(max-width: 1110px) {
	.contacts-row {
		margin-left: 0;
		padding-left: 2rem; }
	.contacts-row .form {
		padding-left: 1rem;
		padding-right: 2rem; }
}
@media(max-width: 640px) {
	.contacts-row h3 {
		text-align: center; }
}