/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
* {
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
}
.conteiner {
	position: relative;
}
/*NAVIGACIJA*/

header {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: height 0.3s;
	background-color: #fff;
	height: 130px;
}
.logo {
	width: 5%;
	height: auto;
	float: left;
	opacity: 1;
}
.logo a {
	display: block;
	position: relative;
	z-index: 500;
}
.logo a img {
	width: 100%;
	display: block;
	z-index: 50 !important;
}
/* ======= MENU =========*/


.menu {
	cursor: pointer;
	float: right;
	padding-left: 1.25em;
	position: relative;
	width: 40px;
	height: 20px;
	display: block;
	z-index: 50;
}
.menu-global {
	backface-visibility: hidden;
	position: absolute;
	left: 0;
	border-top: 2px solid #5b5b5a;
	width: 100%;
	transition: 0.55s;
}
.menu-top {
	top: 0;
}
.menu-middle {
	top: 10px;
}
.menu-bottom {
	top: 20px;
}
.menu-top-click {
	backface-visibility: hidden;
	top: 15px;
	transform: rotate(50deg);
	transition: 0.55s 0.5s;
}
.menu-middle-click {
	opacity: 0;
}
.menu-bottom-click {
	backface-visibility: hidden;
	top: 15px;
	transform: rotate(-410deg);
	transition: 0.55s 0.5s;
}
/* ======= end of menu =========*/


.nav-container {
	padding: 30px 80px 0 80px;
}
.nav {
	text-align: center;
	width: 100%;
}
.nav li {
	margin-right: 50px;
	display: inline-block;
	line-height: 88px;
}
.nav li a {
	display: inline-block;
	font-size: 14px;
	color: #5b5b5a;
	text-decoration: none;
	text-transform: uppercase;
}
.nav li a:hover {
	color: #cc0037;
}
.nav li .selected {
	color: #cc0037;
}
/* Smanjivanje hedera*/

header.smaller {
	height: 80px;
	transition-timing-function: ease-in-out;
}
header.smaller .nav-container {
	padding: 15px 80px 0 80px;
}
header.smaller .logo {
	width: 50px;
	height: 50px;
}
header.smaller .logo a {
	transition-timing-function: ease-in-out;
}
header.smaller .nav li {
	line-height: 61px;
}
header.smaller .nav {
	width: 97%;
}
header.smaller .nav li .selected {
	color: #cc0037;
}
/*Intro*/

.page-wrapper {
	width: 100%;
	padding: 0 80px 80px 80px;
}
.intro {
	height: 100vh;
	position: relative;
}
.arrow {
	height: 50px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	cursor: pointer;
	-webkit-animation: bounce 2s infinite ease-in-out;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
 @-webkit-keyframes bounce {
 0%, 20%, 60%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 40% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
 80% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.slider {
	padding-top: 150px;
}
/*Grid*/

.grid {
	margin-top: 60px;
}
.grid .thumbnail {
	width: 100%;
	height: auto;
	align-content: center;
}
.grid a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0px;
}
.six-photos .col-1, .six-photos .col-2, .six-photos .col-3, .six-photos .col-4, .six-photos .col-5, .six-photos .col-6 {
	float: left;
	width: 33.33%;
	margin-bottom: 20px;
	max-height: 360px;
	overflow: hidden;
}
.six-photos .col-1, .six-photos .col-4 {
	padding-right: 10px;
}
.six-photos .col-2, .six-photos .col-5 {
	padding-left: 10px;
	padding-right: 10px;
}
.six-photos .col-3, .six-photos .col-6 {
	padding-left: 10px;
}
/*.six-photos a {
	height: 360px;
	overflow: hidden;
}*/
.four-rows {
	margin-bottom: 20px;
}
.four-rows .col-1, .four-rows .col-2, .four-rows .col-3, .four-rows .col-4 {
	width: 25%;
	float: left;
	max-height: 600px;
	overflow: hidden;
}
.four-rows .col-1, .four-rows .col-2, .four-rows .col-3 {
	padding-right: 20px;
}
.headbox-1 {
	margin-bottom: 20px;
}
.headbox-1 .two-rows {
	margin-bottom: 0;
}
.two-rows {
	float: left;
	width: 66.66%;
	padding-right: 10px;
}
.two-rows .row {
	width: 100%;
	float: left;
}
.two-rows .col-1, .two-rows .col-2, .two-rows .col-3, .two-rows .col-4 {
	margin-bottom: 20px;
}
.row .col-1, .row .col-3, .row .col-5 {
	width: 50%;
	padding-right: 10px;
	float: left;
}
.row .col-2, .row .col-4, .row .col-6 {
	width: 50%;
	padding-left: 10px;
	float: left;
}
.one-vertical {
	width: 33.33%;
	float: right;
	padding-left: 10px;
}
.one-photo .col-1{
	max-height: 780px;
	overflow: hidden;
}
.one-vertical .col-2 {
	margin-top: 20px;
}
/*.headbox-2 {
	margin-bottom: 20px;
}*/
.three-photos {
	margin-bottom: 20px;
}
.three-photos .col-1, .three-photos .col-2, .three-photos .col-3 {
	width: 33.33%;
	float: left;
}
.three-photos div{
	overflow: hidden;
	max-height: 360px;
}
.three-photos .col-1 {
	padding-right: 10px;
}
.three-photos .col-2 {
	padding-left: 10px;
	padding-right: 10px;
}
.three-photos .col-3 {
	padding-left: 10px;
}
.four-photos {
	max-height: 400px;
	overflow: hidden;
	margin-bottom: 20px;
}
.four-photos .col-1, .four-photos .col-2, .four-photos .col-3, .four-photos .col-4 {
	width: 25%;
	float: left;
}
.four-photos .col-1 {
	padding-right: 10px;
}
.four-photos .col-2, .four-photos .col-3 {
	padding-left: 10px;
	padding-right: 10px;
}
.four-photos .col-4 {
	padding-left: 10px;
}
.headbox-3 {
	margin-bottom: 20px;
}
.headbox-3 .two-images {
	width: 33.33%;
	float: left;
	padding-right: 10px;
	max-height: 775px;
	overflow: hidden;
}
.headbox-3 .two-images .col-1 {
	padding-bottom: 20px;
}
.headbox-3 .large-img {
	width: 66.66%;
	float: left;
	padding-left: 10px;
}
.headbox-4, .headbox-5, .full-width {
	margin-bottom: 20px;
}
.headbox-4 .one-wide {
	width: 66.66%;
	padding-right: 10px;
	float: left;
}
.headbox-4 .three-wide {
	width: 33.33%;
	padding-left: 10px;
	float: left;
}
.headbox-4 .one-wide .col-1 {
	margin-bottom: 20px;
}
.headbox-4 .one-wide .col-2 {
	width: 50%;
	padding-right: 10px;
	float: left;
}
.headbox-4 .one-wide .col-3 {
	width: 50%;
	padding-left: 10px;
	float: left;
}
.headbox-4 .three-wide .col-1, .headbox-4 .three-wide .col-2 {
	margin-bottom: 20px;
}
.headbox-5 .one-wide {
	width: 66.66%;
	padding-right: 10px;
	float: left;
}
.headbox-5 .one-wide .col-1 {
	width: 50%;
	padding-right: 10px;
	float: left;
}
.headbox-5 .one-wide .col-2 {
	width: 50%;
	padding-left: 10px;
	float: left;
}
.headbox-5 .one-wide .col-3 {
	width: 100%;
	padding-top: 20px;
	float: left;
}
.headbox-5 .two-items {
	width: 33.33%;
	padding-left: 10px;
	float: left;
}
.headbox-5 .two-items .col-1 {
	margin-bottom: 20px;
}
.grid .column {
	/*width: 33.33%;*/
	float: left;
}
.grid .left-column {
	width: 40%;
}
.grid .centar-column {
	width: 35%;
}
.grid .right-column {
	width: 25%;
}
.grid .left-column, .grid .centar-column {
	padding-right: 10px;
}
.grid .right-column, .grid .centar-column {
	padding-left: 10px;
}
.grid .column .col-1, .grid .column .col-2, .grid .column .col-3, .grid .column .col-4, .grid .column .col-5 {
	margin-bottom: 20px;
}
.three-squared {
	margin-bottom: 20px;
	max-height: 560px;
	overflow: hidden;
}
.three-squared .col-1, .three-squared .col-2, .three-squared .col-3 {
	float: left;
	width: 33.33%;
}
.three-squared .col-1, .three-squared .col-2 {
	padding-right: 10px;
}
.three-squared .col-2, .three-squared .col-3 {
	padding-left: 10px;
}

.Three-wide-and-Aside .Three-wide {
	width: 66.66%;
	padding-right: 10px;
	float: left;	
}

.Three-wide-and-Aside .Three-wide div, .Three-wide-and-Aside .Aside div{
	margin-bottom: 20px;
}

.Three-wide-and-Aside .Aside {
	width: 33.33%;
	padding-left: 10px;
	float: left;	
}

.One-wide-and-Squared{
	overflow: hidden;
	max-height: 620px;
	margin-bottom: 20px;
}

.One-wide-and-Squared .One-wide{
	width: 62%;
	padding-right: 10px;
	float: left;
}

.One-wide-and-Squared .Squared {
	width: 38%;
	padding-left: 10px;
	float: left;	
}

/*Columns-List*/

.Columns-List .Left-side{
	width: 62%;
	padding-right: 10px;
	float: left;
}

.Columns-List .Right-side{
	width: 38%;
	padding-left: 10px;
	float: left;
}
.Columns-List .Right-side div{
	margin-bottom: 20px;
}
.Columns-List .Left-side .One-wide{
	margin-bottom: 20px;
}
.Columns-List .Left-side .Four-squared div{
	width: 50%;
	float: left;
}
.Columns-List .Left-side .Four-squared .col-1, .Columns-List .Left-side .Four-squared .col-3{
	padding-right: 10px;
	margin-bottom: 20px;
}

.Columns-List .Left-side .Four-squared .col-2, .Columns-List .Left-side .Four-squared .col-4{
	padding-left: 10px;
	margin-bottom: 20px;
}

/*4 Squared-One wide*/

.Four-squared-One-wide .Four-squared {
	max-height: 360px;
	overflow: hidden;
	margin-bottom: 20px;
}

.Four-squared-One-wide .Four-squared div {
	float: left;
	width: 25%;
}
.Four-squared-One-wide .Four-squared .col-1{
	padding-right: 10px;
}

.Four-squared-One-wide .Four-squared .col-2, .Four-squared-One-wide .Four-squared .col-3{
	padding-left: 10px;
	padding-right: 10px;
}

.Four-squared-One-wide .Four-squared .col-4{
	padding-left: 10px;
}

/*Sey hey*/

.about-container {
	padding-top: 130px;
	position: relative;
	background-color: #403b3d;
	height: auto;
}
.about-container .img-container {
	width: 50%;
}
.left-block {
    position: absolute;
    top: 50%;
    left: 200px;
	width: 360px;
}
.right-block{
	position: absolute;
	top: 50%;
	right: 200px;
	width: 600px;
}
.right-block, .left-block {
	font-family: 'EB Garamond', serif;
    color: #d1c6cb;
}
.right-block .img-container-small {
    float: left;
    margin-right: 40px;
}
.right-block p {
	line-height: 1.6;
	font-size: 16px;
}

.left-block .content {
	text-align: right;
}
.left-block .content .sub-txt{
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}
.left-block .content .name{
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 15px;
}
.left-block .content .name img{
	float: left;
	margin-top: 5px;
}
.left-block .content .name h3{
	float: right;
}
.left-block a {
	font-size: 14px;
    text-decoration: none;
    color: #d1c6cb;
    font-weight: 700;
}
.left-block a:hover{
	text-decoration: underline;
}
/*Footer*/

.footer-logo {
	padding-bottom: 60px;
}
.footer-logo img {
	display: block;
	margin: 0 auto;
	width: 120px;
	height: auto;
	margin-bottom: 60px;
}
.footer-logo span {
	display: block;
	font-size: 10px;
	color: #5b5b5a;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
.icons-box {
	width: 234px;
	margin: 0 auto;
	margin-bottom: 35px;
}
.icons-box li {
	float: left;
    padding: 0 15px;
}
.icons-box li img {
	height: 48px;
	width: auto;
	margin-bottom: 0;
}
#trigger-overlay {
	display: none;
}