*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body,
html {
  width: 100%;
  height: 100%; 
  margin:0 auto;
}


body {
	background: #0D0B0E;
	color: #D1D0D1;
	font-family: 'Source Sans 3', sans-serif;
	overflow-x: hidden;
	font-weight: 300;
}

.relative-container {
	position: relative;
}


h1 span {
	width:100%;
	display: block;
}

a:hover {
	opacity: 0.7!important;
}

.category a:hover {
	opacity: 1.0!important;
}

a.btn:hover {
	opacity: 0.7!important;
}


h1 {
	font-family: "Fira Sans", sans-serif;
	font-weight: 200;
	font-style: normal;
	padding-bottom: 10px;
	margin-bottom: 20px;
    font-size: 94px;
    padding-bottom: 40px;
    line-height: 104px;
    position: relative;
    letter-spacing: -2px;
    position: relative;
}

.intro .text-left h1 {
	text-align: left;
	width: auto;
	padding-bottom: 0px;

}

h2 {
	font-family: "Fira Sans", sans-serif;
	font-weight: 300;
	font-style: normal;
    font-weight: 400;
    padding-bottom: 0px;
    line-height: 100px; 
    margin-bottom: 40px;
    font-size: 122px;
} 

h2.slavic {
	font-family: 'Playfair Display', serif;
    font-weight: 400;
    padding-bottom: 0px;
    line-height: 100px; 
    margin-bottom: 40px;
    font-size: 122px;
} 

.p-t {
	padding-top: 60px;
} 

.main-block.art-projects  {
	padding-bottom: 30px;
} 


.label-case{
	font-family: 'Source Sans 3', sans-serif;
    font-weight: 200;
    padding-bottom: 0px;
    line-height: 36px; 
    float: left;
    padding-left: 4px;
    margin-bottom:18px;
    text-align: left;
    font-size: 16px;
} 

.case-study h2 {
	font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    padding-bottom: 0px;
    line-height:72px; 
    text-align: left;
    margin-bottom: 40px;
    font-size: 72px;
} 

.case-study  {
	border: 1px solid #4E4E4E;
	border-left: 3px solid #C71C1D;
	float: left;
	width: 100%;
	padding-left: 56px;
} 


.case-study .block-40 {
    padding-right: 40px;
    padding-top: 80px;
} 


.block-60 img {
	width: 100%;
}


.label-case  {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding-top: 24px;
    letter-spacing: 2px;
} 

.view-others {
    width: 289px;
    margin-top: 10px;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 11px;
    float: left;
    text-decoration-thickness: 0.5px;
} 



.a-left {
	text-align: left;
}

.picture {
	text-align: left;
}

.picture img  {
	width: 100%;
	padding-right: 0%;
}

.picture.full-width {
	width: 100%;
	padding:0px;
	position: absolute;
	right: 0px;
	top:750px;
	z-index: -1;
	max-width: 1920px;
}

.main-block-top8 {
	width: 100%;
	position: relative;
}

.deco {
	background:#C4C4C4;
	width:126px;
	height: 9px;
	float: left;
	display: block;
	position: absolute;
}

.main-block {
	padding-bottom: 120px;
	float: left;
	width: 100%;
}

.main-block-top  {
	padding-top: 80px;
	float: left;
	width: 100%;
}

.main-block-top8  {
	padding-top: 40px;
	float: left;
	width: 100%;
}

h3 {
	font-family: 'Source Sans 3', sans-serif;
    font-weight: 200;
    line-height: 58px;
    padding-top:24px;
    padding-bottom: 42px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 44px; 
}

h4 {
	font-family: 'Source Sans 3', sans-serif;
    font-weight:300;
    padding-bottom: 0px;
    line-height: 26px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 46px;
    margin-top: 15px;
    color: #ccc;
}



a.btn {
	font-weight: bold;
	text-decoration: none;
}


.slavic-bg {
	background: url('../images/slavic-bg.jpg') no-repeat;
	float: left;
	width: 100%;
  /* Set a specific height */
  min-height: 500px;
  margin: 0 auto;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-bg {
	background: rgb(13,11,14);
	background: linear-gradient(180deg, rgba(13,11,14,1) 0%, rgba(13,11,14,0) 35%, rgba(13,11,14,0) 100%);
	height: auto;
	width: 100%;
	float: left;
}


.artwork-title h1  {
	padding-top: 0px;
	margin-top: 20px;
}


.love-art {
	background: url('../images/art-project.svg') no-repeat;
	width: 198px;
	height: 30px;
	margin-top: 90px;
	background-position: top;
	background-size: 100%;
	float: left;
}


a.btn-img {
	font-weight: bold;
	text-decoration: none;
}

a  {
	color: #D1D0D1;
	text-decoration: underline;
	text-decoration-style: solid;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
	cursor:pointer;
	font-weight: 200;
}

.from-croatia {
	background: url('../images/from-croatia.svg') no-repeat;
	width: 175px;
	height: 28px;
	display: inline-block;
	position: absolute;
    left: 428px;
    bottom: -40px;
}

u {
	
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-offset: 10px;  
  text-decoration-thickness: 3px;

}

.pd-20 {
	padding-right: 10%;

}

.pd-20-l {
	padding-right: 10%;

}

.artwork-title {
	padding-bottom: 20px;
	padding-top: 100px;
}

.block-60 {
	width:60%;
	float: left;
}

.align-left  {
	text-align: left;
}

.block-70 {
	width:70%;
	float: left;
}

.block-50 {
	width:50%;
	float: left;
}

.block-40 {
	width:40%;
	float: left;
}

.block-30 {
	width:30%;
	float: left;
}

.block-20  {
	width:20%;
	float: left;
}

.block-80  {
	width:80%;
	float: left;
}

.exp-item .logo{
	width:20%;
	float: left;
} 

.social-cont, .social {
	float: left;
} 

.exp-item {
	border-bottom: 1px solid #4E4E4E;
	float: left;
	width: 100%;
} 

.exp-item img {
	width: 120px;
} 

.no-border {
	border:none;
} 

.exp-text {
	width:80%;
	float: left;
	padding-top: 80px;
	padding-bottom: 60px;
} 

span.date {
	  font-size: 18px;
    line-height:24px;
    padding-top:80px;
    letter-spacing: 5px;
} 

.first span.date, .first .logo {
	  padding-top: 30px;
} 
.first .exp-text {
	  padding-top: 30px;
} 


.circle {
	border-radius: 50%;
	background: #D1D0D1;
	width: 4px;
	margin-bottom:5px;
	margin-left: 5px;
	margin-right: 5px;
	height: 4px;
	display: inline-block;
} 

.description-text {
	font-size: 20px;
	line-height: 32px;
} 


p.firm-name {
	font-size: 28px;
	padding-top:36px;
	padding-bottom: 4px;
} 

p.dates {
	font-size: 19px;
	padding-top:0px;
	padding-bottom: 24px;
} 

.logo {
	padding-top: 90px;
} 


.block-row {
	width:100%;
	float: left;
	border-bottom: 1px solid #4E4E4E;
} 

.block-row .block-80  {
	border-left: 1px solid #4E4E4E;
} 

h1 br.b-mobile {
	display: none;
}

.mobile-menu a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
    margin-top: 8px;
    margin-left: 13px;
	background: url('../images/menu-mobile.svg');
}


.nd-case {
	margin-top: 60px;
}


.mobile-menu a.close {
	background: url('../images/close.svg');
}

a.btn-img  {
	border:1px solid #fff;
	padding:16px;
	font-size: 24px;
	line-height: 18px;
	color:#fff;
	float: left;
	width: 370px;
	border-radius: 24px;
	margin-bottom: 32px;
}

.btn-img img {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 8px;
}

.btn-img span.button-text {
	padding:16px 16px;
	float: left;
	display: inline;
}

.btn-img span.button-span  {
	width: auto;
	display: inline-block;
}


a.btn:hover, a.more:hover {
	opacity:0.8;

}

.navigacija {
	background:none;
	width: 100%;
	float: left;
	padding-bottom: 15px;
	z-index: 20;
}



.scrolling_up{
    top: 0;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

.scrolling_down {
    position: fixed;
    top: -60px; 
    left: 0;
		z-index: 21;
    width: 100%; 
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}


.mobile-menu {
		display: none;
	}

div.category  img:hover {
	opacity:1!important;
}

.jezici {
	float: right;
    position: relative;
    z-index: 5;
}

.jezici a {
	color:#1D1111;
	background: #fff;
	padding:5px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-top: 13px;
    font-family: sans-serif;
	z-index: 2;
	margin-right: 13px;
}


.container	{
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 30px 0px 30px;
}

nav {
  	position: fixed;
	top:0px;
	width: 100%;
	text-anchor: left;
	z-index: 21;border-bottom: 1px solid #4E4E4E;
background: linear-gradient(180deg, #1B1518 0%, rgba(27, 21, 24, 0.86) 17.19%, rgba(27, 21, 24, 0.72) 69.27%, rgba(27, 21, 24, 0.83) 100%);
} 

nav a {
	color:#fff;
	padding:16px;
	font-weight: 700;
	letter-spacing: 7.0px;
	display: block;
	margin-left: 10px;
	margin-right: 24px;
	text-decoration: none;
	font-size: 16px;
	float: left;

}

.picture-full   {
	width:100%;
}

.mobile-active  {
	display: none;
}

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

.footer {
	background:url('../images/footer-bg.jpg') repeat;
	background-size: 100%;
	height: 890px;
	padding-top: 200px;
}

.footer-text p {
	text-align: left;
	margin:0px;
	line-height: 36px;
	font-size: 23px;
	padding-bottom: 40px;
}

.footer-text h1 {
	margin-top: 0px;
}


.label {
	padding-bottom: 16px;
	font-size: 17px;
}

.signup input {
	height: 74px;
  border: none;
  box-sizing: border-box;
	font-family: 'Source Sans 3', sans-serif;
  padding: 16px;
  font-size: 22px;
  float: left;
  font-weight: 400;
  width: 375px;
  border-radius: 12px 0px 0px 12px;
}

.extra {
	font-size: 12px;
}

.signup button {
	height: 74px;
	background: #000;
	padding: 0px 40px;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 22px;
	float: left;
	color: #fff;
	border: none;
  border-radius: 0px 12px 12px 0px;
}


.yagashut {
	position: absolute;
	right: 0px;
	top: -160px;
	width: 540px;
}

.signup {
	height: 158px;
}

.first  {
    margin-top: 20px;
}



p {
    text-align: left;
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 42px;
    /* color: #ccc; */
    font-weight: 300;
    margin: 0 auto;
}

.menu-item a {
	    text-transform: uppercase;
	}

.horizontal img {
	max-width: 100%;
}

.new-text {
	text-align: center;
	display: inline-block;
	width: 700px;
	box-sizing: border-box;
	padding-left: 0px;
}

.new-text p {
	font-size: 20px;
	line-height: 40px;
	color:#ccc;
}

.nove-slike {
	border-left: 1px solid #525252;
	padding-left: 80px;
	margin-top: 60px;
	width: 700px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.gallery-bg {
	/*background: url(../images/leshy234.jpg) no-repeat;*/
	opacity: 0.06;
	width: 100%;
	height: 1140px;
	position: absolute;
	z-index: -1;
	top: 0px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grad {
    background-image: linear-gradient(to bottom, rgba(29,22,20,0), rgba(29,22,20,1));
    height: 60px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.nove-slike h4 {
	font-family: 'Playfair Display', serif;
	text-transform: none;
	text-align: left;
	color:#fff;
	font-weight: normal;
	padding-bottom: 25px;
	font-size: 32px;
}

.thumbnail h4 {
	text-transform: none;
	font-weight: bold;
}

.created {
	text-align: left;
	padding-bottom: 40px;
	font-weight: 300;
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
}

.novo-container {
	margin:0 auto;
	width: 700px;
	text-align: center;
    padding-left: 145px;
}

.nove-slike .red {
	margin-bottom: 50px;
}

.nove-slike .mini-slika {
	padding-right: 40px;
}

.nove-slike h3 {
	text-align: left;
	padding-top: 0px;
	font-size: 32px;
	line-height: 22px;
	color:#fff;
	margin-bottom: 60px;
	margin-top: 0px;
}

.nove-slike p {
	font-size: 17px;
	line-height: 26px;
	color:#ccc;
}

.nove-slike a {
	color:#fff;
	font-weight: normal;
}

.mini-slika {
	float: left;
}

.red {
	float: left;
	width: 100%;
}

.vertical .glavna2 img {
	padding-bottom: 30px;
}


.horizontal .bg-txt {
	width: 650px;
	display: inline-block;
	text-align: center;
	padding-top: 20px;
}



.intro  {
	padding-top: 130px;
}

.intro-chapter {
	padding-top: 180px;
	padding-bottom: 270px;
}

.sub-title  {
	font-size: 74px;
	line-height: 89px;
}


.intro p  {
	
}



.text-left {
	text-align: left;
	padding-top: 20px;
	margin-top: 50px;
}


.text-right {
	float: right;
	width: 650px;
}

.new {
	padding-top: 40px;
}


.new-page {
	padding-top: 200px;
}

.clear {
  clear:both;
  width: 0px;
  height: 0px;
  display: block;
}

.mini-boarder {
  background: #C4C4C4;
  width: 128px;
  height: 8px;
  display: inline-block;
  text-align:center;

}

.glavna2 img {
    padding: 0px;
    border: none;
    padding-right: 60px;
}




.intro .text-right h1 {
	font-size: 72px;
	text-align: left;
	width: 650px;
	font-weight: 400;
	padding-bottom: 0px;

}

.follow-me {
	padding-top: 0px;
	margin-bottom: 16px; 
}

.opisni-text-slike {
	width: auto;
	margin:0 auto;
	padding-top: 0px;
	padding-right: 40px;
}

.section-intro h1 {
	font-size: 72px;
    margin-top: 40px;
    padding-top: 0px;
}

.section-intro p {
	text-align:center;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 550px;
}

.section-intro  {
	text-align:center;
   	padding-bottom: 120px;
}

.gallery-rows h1 {
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.gallery-rows {
	padding-top: 50px;
	padding-bottom: 150px;
}

.gallery-rows p {
	color:#ccc;
}

.image-linkovi .more {
	float: left;
	margin-top: 30px;
}

.bg-txt h3 {
	text-align: left;
}


.category img {
	width: 100%;
}

.gallery-rows .row {
    padding-bottom: 80px;
    float: left;
    width: 100%;
}

.category {
	position: relative;
	padding-bottom: 520px;
}

.col-sm-6 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.new-text p {
	padding-bottom: 20px;
}


.description {
	position: inline-block;
	position: absolute;
  bottom: 236px;
	left:50%;
	margin-left: -200px;
	width: 780px;
	padding:40px;
	padding-top: 80px;
	border: 5px solid #C4C4C4;
	background-color: rgba(29, 22, 20, 0.5);
}

.description h2 {
  text-shadow: 2px 2px 8px #2B2B2B;
}


.description p {
	width: 70%;
	float: left;
	padding-bottom: 20px;
  text-shadow: 2px 2px 8px #2B2B2B;
    font-size: 28px;
    color: #ccc;
    line-height: 42px;
}

.more {
	text-transform: uppercase;
	font-weight: normal;
	color:#F0BC6D;
	padding-bottom: 10px;
    text-decoration-color: #fff;
    border-bottom: 1px solid #504f4e;
    padding-bottom: 3px;
    padding-top: 0px;
	display: inline-block;
    font-size: 16px;
}

.gallery-rows .row .more {
    font-family: sans-serif;
    font-size: 12px;
}

.float-left {
	float: left;
}

a.btn  {
	background:#5A26EF;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	float: left;
	margin-top:20px;
    font-weight: bold;
    font-size: 24px;
    font-family: sans-serif;
	padding: 24px 32px;
}

.right {
	float:right;
}

.novost  {
	float:left;
	width: 100%;
}

.section-intro p {
    font-size: 22px;
    font-style: italic;
    margin-top: 10px;
    color: #ccc;
    font-weight: 200;
    line-height: 36px;
    padding: 10px 0px 0px 0px;
}




.new h1  {
	text-align: left;
}


.news {
	padding-bottom: 280px;
}


.social {
	padding-bottom: 16px;
	padding-top:0px;
}


.social a:nth-child(2) {
	width: 48px;
	height: 48px;
	display: inline-block;
}

.social a:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px;
}

.social img {
	width: 48px;
	height: 48px;
}

.copy  {
	padding-bottom: 16px;
	opacity: 0.6;
	text-align: center;
}

.breadcrumbs {
    padding-top: 20px;
    padding-bottom: 10px;
}


.breadcrumbs a {
	color: #ccc;
    font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
    font-family: sans-serif;
}

.vert-slika {
	max-width: 690px;
	margin: 0 auto;
	float: left;
	margin-bottom: 0px;
}

.detalji {
	padding-bottom: 200px;
	float: left;
	width: 100%;
}

.date {
	text-transform: uppercase;
	color:#ccc;
	font-size: 11px;
	text-align: left; 
	padding: 6px 0;
	float: left;
}

.more-from {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 50px;
}

.about-me {
  display: inline-block;
  grid-template-columns: auto auto auto;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.fotka-about {
	width:1100px;
	padding-bottom: 50px;
}

.col-sm-4 {
	width: 670px;
}

.col-sm-4 p {
	padding-bottom: 20px;
	color:#ccc;
}

.more-from .thumbnail {

}

a.btn.return {
	display: inline-block;
	margin:0 auto;
	float: none;
	margin-top: 70px;
	margin-bottom: 180px;
}

.about-me h3 {
	text-align: left;
}

.slika img {
	width: 100%;
}

.new .slika img {
	width: 50%;
}

.col-sm-6.des {
	box-sizing: border-box;
	padding: 0 30px 0px 60px;
}

.opisni-text-slike p {
	padding-bottom: 20px;
	color:#ccc;
}



		a.txt-link, .view-others {
	    text-decoration-thickness: 1px;
	    text-underline-offset: 6px;
		}

		.view-others {
	    letter-spacing: 2px;
		}


@media screen and (min-width: 1366px) {
	.container	{
		width: 1366px;
	}

	.text-left {
		padding-left: 60px;
	}

	.text-right {
		padding-right: 60px;
	}
}

@media screen and (min-width: 1440px) {
	.container	{
		width: 1440px;
	}
}

@media screen and (min-width: 1280px) {
	.container	{
		width: 1280px;
	}

}



@media screen and (max-width: 1279px) {
  .container {
    width: 100%;
	box-sizing: border-box;
	padding: 0px 30px 0px 30px;
  }

	.case-study .block-40	{
		padding-top: 20px;
	}

  .fotka-about {
  	width: 100%;
	padding-bottom: 20px;
  }

	.vert-slika {
		width: 60%;
	}

	.vert-slika img {
		width: 100%;
		padding-right: 30px;
	}


	.section-intro h1 {
		font-size: 52px;
		padding-top:15px;
	}

	.section-intro p {
		text-align:center;
		margin: 0 auto;
		width: 500px;
  	 	line-height: 32px;
	}

	.section-intro  {
		text-align:center;
	}


		.new h2  {
			text-align: left;
			font-size: 42px;
			line-height: 48px;
			padding-bottom: 20px;
		}

		.opisni-text-slike {
			padding-right: 0px;
		}

		.text-right   {
			margin-top: 50px;
			width: 520px;
		}


		.description p {
			width:100%;
		}



		p {
		    text-align: left;
		    font-weight: 300;
		    margin: 0 auto;
		}

			.category {
				position: relative;
				padding-bottom: 520px;
			}

			.description {
				position: absolute;
    		bottom: 238px;
				left:40%;
		    margin-left: -80px;
		    width: auto;
				padding:40px;
				padding-top: 180px;
				border: 5px solid #C4C4C4;
			}


			.text-left {
				padding-left: 40px;
			}

			.text-right {
				padding-right: 40px;
			}

				.yagashut {
					width: 40%;
					top:-210px;
					padding-top:120px;
				}

				.footer {
					padding-top:120px;
				}

				.news {
					padding-bottom:120px;
				}

}

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


		.fotka-about {
			padding-top: 50px;
		}

		.mobile-menu {
			display: block;
		}

		.sm-100  {
		width: 100%;

		}



		.view-others {
		    width: 200px;
		    margin-top: 10px;
		    display: inline-block;
		    padding-bottom: 20px;
		    float: left;
		    text-decoration-thickness: 1px;
		} 



		.view-others {
		    margin-top: 10px;
		    display: inline-block;
		    padding-top: 30px;
		    float: none;
		    padding-bottom: 20px;
		    text-decoration-thickness: 1px;
		} 


		.sm-80  {
		width: 70%;

		}

		span.date  {
		display: none;

		}


		.case-study .block-40 {
		    padding-right: 0px;
		    padding-top: 0px;
		} 


		.mobile-active  {
			display: block;
		}

		.picture-full {
		        width: 100%;
		    }

		.main-block-top  {
			padding-top: 80px;
			float: left;
			width: 100%;
		}

		.main-block-top8  {
			padding-top: 20px;
			float: left;
			width: 100%;
		}

		.case-study  {
			padding-left: 0px;
	  		border: 1px solid #4E4E4E;

		}

		.case-padding  {
			padding-left: 60px;
			padding-bottom: 60px;
			padding-right: 60px;
			padding-top: 80px;
	    	border-left: 3px solid #C71C1D;

		}


		.case-study h2{
		margin-bottom: 20px;

		}


		.sm-80.right  {
		float: left;

		}

		.art-projects {
		padding-bottom: 220px;

		}

	  .intro .text-left h1 {
		text-align: left;
		font-size: 64px;
        line-height: 78px;
		width: 100%;
		}

		.from-croatia {
			width: 175px;
			height: 28px;
			display: inline-block;
			position: absolute;
		    left: 227px;
		    bottom: -30px;
		}



		.intro .text-right h1 {
		font-size: 52px;
		line-height: 66px;
		text-align: left;
		width: 500px;
		font-weight: 400;

		}




		.sub-title {
		    font-size: 64px;
		    line-height: 49px;
		}

		.mobile-hidden {
			display: none;
		}

		nav {
			width: 100%;
		}

		.nav-mb {
			background: #1d1417;
			float: left;
		    top: 0px;
		    position: absolute;
		    padding-top: 60px;
			width: 100%;
			height: 1000px;
			z-index: -1;
		}

		.nav-mb a {
			display: block;
			width: 100%;
			text-align: center;
			padding:30px 0px;

		}


		.vert-slika {
			width: 100%;
			float: none;
			margin-bottom: 40px;
		}

		.vert-slika img {
			max-width: 650px;
			padding-right: 30px;
		}

		.opisni-text-slike {
			width: 650px;
		}

		.date {
			width: 100%;
			padding-top: 15px;
		}

		.category {
			padding-bottom: 240px;
		}

		.new h2  {
			font-size: 42px;
			line-height: 48px;
			padding-top: 0px;
			margin-top: 0px;
			padding-bottom: 20px;
		}


		.description.last {
			border:none;
		}


			.section-intro h1 {
				font-size: 52px;
				padding-top:0px;
				padding-bottom:0px;
			}

		.news {
			text-align: center;
		}

h2 {	
  padding-bottom: 0px;
  line-height: 120px;
  margin-bottom: 33px;
  font-size: 132px;
}

h3 {
  line-height: 48px;
  font-size: 34px;
}

	
		.description {
			margin:0px;
  bottom: -32px;
  left: 10%;

    padding: 40px;
    padding-top: 20px;
  width: 80%;
		}

		.description p {
			width: 80%;
			font-size: 24px;
			line-height: 36px;
		}

		.gallery-rows h1 {
			font-size: 42px;
			padding-bottom: 0px;
			margin-top: 10px;
		}

		.new-text {
			padding-top: 80px;
		}



		.more-from .thumbnail {
		}

		.more-from .thumbnail img {
			width: 100%;
		}

		.detalji {
			padding-bottom: 0px;
			padding-top: 50px;
		}

		.art-projects {
			padding-top: 0px;
		}

		a.view-case {
			float: none;
			width: 300px;
			margin: 0 auto;
			text-align: center;
		}

		.section-intro {
			padding-bottom: 60px;
		}

		.intro {
			padding-bottom: 100px;
		}


	.fotka-about {
	    width: 100%;
	}


			.yagashut {
					width: 45%;
					top:-120px;
					padding-top:80px;
				}

				.footer {
					padding-top:120px;
				}

				.news {
					padding-bottom:120px;
				}


				.signup {
					width: 50%;
				}

				.footer-text p {
					width: 60%;
				}

				.social-cont{
					width: 51%;
					padding-top: 100px;
				}

				.signup button {
					width: 100%;
  				border-radius: 12px;
				}

				.signup input {
					width: 100%;
  				border-radius: 12px;
  				margin-bottom: 20px;
				}

 h1 {
    text-align: left;
    font-size: 52px;
    line-height: 66px;
}


	.vert-slika {
		margin-bottom: 0px;
	}

}

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


.sub-title {
	    font-size: 40px;
	    line-height: 50px;
	    letter-spacing: 0px;
	}

a {
    color: #D1D0D1;
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
    cursor: pointer;
    font-weight: 200;
}



.nd-case {
	margin-top: 24px;
}


.love-art {
	background: url('../images/art-project-mobile.svg') no-repeat;
	width: 128px;
	height: 20px;
	margin-top: 90px;
	background-position: top;
	background-size: 100%;
	float: left;
}

	h2 {
  padding-bottom: 0px;
  line-height: 92px;
  margin-bottom: 33px;
  font-size: 96px;
}

 	.vert-slika img {
	    width: 100%;
	}

	.section-intro {
		padding-bottom: 60px;
	}




		.description p {
			width: 100%;
		}

		.block-row  {
			position: relative;
		}

		.pd-20 {
			padding-right:24px;
		}

		.pd-20-l {
			padding-right:0px;
			padding-left:24px;
		}

		/*span.date  {
			position: absolute;
			text-align: left;
			width: 100%;
			left: 0px;
			display: inline-block;
			padding-top: 40px;
		}*/


		span.date br {
			display: none;
		}




		a.btn-img{
			width: 100%;
		}

		.mobile-no-border  {
			border: none;
		}

		a.btn-img {
			font-size: 22px;
		}

		.social-cont {
			width: 100%;
		}

		.social-cont .label {
			text-align: left;
		}

		.mobile-no-border .exp-text {
			padding-bottom: 0px;
		}


		.block-row .block-80  {
			width: 100%;
			border: none;
		}

		.exp-item .logo {
			padding-right: 32px;
			float: left;
			width: 20%;
		}

 		.exp-item .logo img {
			width: 100%;
		}


	.exp-item {
			padding-top:14px;
		}

	.first .exp-item{
			padding-top:0px;
		}

		.first .exp-text, .first .exp-item .logo, .first h4 {
			padding-top:0px;
			margin-top: 0px;
		}

	.copy {
		font-size: 13px;
	}
	
	.opisni-text-slike {
		width: 100%;
	}

	.horizontal .bg-txt {
		width: 100%;
	}

		.new img {
		    float: none;
		    width: 100%;
		    padding-bottom: 40px;
		}

		.new-img  {
			width: 100%;
		    margin: 0 auto;
		}

		.new-text {
		    float: none;
		    margin: 0 auto;
			width: 600px;
			padding-top: 0px;
		}

		.new-text p {
			font-size: 16px;
			line-height: 32px;
		}

		.nove-slike
		 {
		 	padding-left: 40px;
		 }

		 .nove-slike p {
		 	font-size: 16px;
		 }


			.text-left {
				padding-left: 0px;
			}

			.text-right {
				padding-right: 0px;
			}




	p, .description-text {
			font-size: 18px;
			line-height: 32px;
	}



	.news {
		text-align: center;
		padding-top: 80px;
		padding-bottom: 30px;
	}

	.new .slika img {
	    float: none;
	    width: 100%;
	    padding-bottom: 40px;

	}

	.new-text {
	    float: none;
	    margin: 0 auto;
		width: 100%;
	}

	.opisni-text-slike {
		padding-top: 30px;
   		padding-bottom: 80px;
	}

		.art-projects {
		    padding-bottom: 140px;
		}

	.new .slika img {
		padding-bottom: 0px;
	}

	.col-sm-4 {
		width:500px;
	}




 }	






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

	.picture.full-width  {
		position: relative;
		top: -260px;
	}

	#ux {
		margin-top: -350px;
	}

	.mobile-hidden {
		display: none;
	}


	a.view-case {
		margin-top:20px;
	}



.label-case{
    margin-bottom:8px;
} 


.block-40.picture {
	padding-bottom: 20px;
}


.case-padding {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 40px;
    border-left: 3px solid #C71C1D;
}


a.view-case {
    width: 100%;
    float: left;
}

.view-others {
   margin-top:0px;
   margin-bottom: 20px;
}

.contact h3  {
	margin-top: 20px;
}


.main-block-top  {
	padding-top: 60px;
	float: left;
	width: 100%;
}

.main-block-top8  {
	padding-top: 16px;
	float: left;
	width: 100%;
}

	.xs-100  {
		width: 100%;
	}

.deco {
	width:60px;
	height: 5px;
}



.case-study h2 {
	font-size: 34px;
	line-height: 42px;
}


.container{
	padding:0px 16px;
}


	.gallery-rows {
		padding-bottom: 40px;
	}

	.new-page {
		padding-top: 50px;
	}

	.more-from {
	    grid-column-gap:16px;
	    grid-row-gap: 16px;
  		margin-top: 20px;
	}

	.section-intro p {
		width: 80%;
	}

	.col-sm-4 {
		width:100%;
	}

	.pd-20-l {
		padding-left:0px;
	}


		.art-projects {
		padding-bottom: 100px;

		}	



		.picture img {
		width: 100%;
		padding:0px;
		float: left;

		}

		.block-40, .block-60, .block-50, .block-70  {
		width: 100%;

		}

	.nove-slike .mini-slika {
	padding-right: 25px;
}

  .menu-item {
  	position: relative;
  	border-bottom:none ;height: 53px;
  	float: left;
  	width:  100vw;
  	padding-bottom: 0px;
  	margin:0px;
		}

		.love-art {
		margin-top: 30px;
		margin-bottom: 20px;
		}


		 #ux {
  	border-bottom:none ;
  	float: left;
  	margin-left:0px;
		
		}

		 #art2 {
  	text-align: center;
  	position: absolute;
  	margin:0px;
  	left: 50%;
  	margin-left:-60px;
		
		}

		#contact2 {
  	border-bottom:none ;
  	position: absolute;
  	right: 0px;
  	top: 0px;
  	margin:0px;
		}


  .menu-item a {color: #FFF;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 5.46px;
				}

		.text-right, .text-left {
			float: left;
			width: 100%;
		}

		.intro {
			    padding-top: 40px;
			    padding-bottom: 40px;
			    z-index: 10;
			    position: relative;
			
			}

			.main-block  {
			   padding-bottom: 30px;
			
			}


		h2 {
    line-height: 72px;
    margin-bottom: 23px;
    font-size: 73px;
		}

		a.btn {
			font-size: 16px;
			line-height: 16px;
			padding: 16px;
		}


		.description p {
		    font-size: 18px;
		    line-height: 30px;
    padding-bottom: 16px;
		}



		h1, .intro .text-left h1 {
		    padding-bottom: 0px;
		    margin-bottom: 24px;
	        font-size: 44px;
	        line-height: 58px;
		}

		.artwork-title {
		    padding-top: 32px;
		}


		.from-croatia {
		   width: 82px;
		   height: 27px;
		   left:280px;
		   bottom: 20px;
		   background: url("../images/from-croatia-m.svg") no-repeat;
		}


		h3 {font-size: 28px;
    line-height: 38px;
    padding-bottom: 36px;
    padding-top: 0px;
    margin-top: 10px;
		}

		.art-projects{
    padding-top: 0px;
		}

		.wish h3 {
    margin-top: 30px;
		}

	.slavic-bg .container-bg {
	padding-bottom: 30px;
		}


		h4 {
		    font-size: 24px;
		    margin-top: 8px;
		    line-height: 28px;
		    padding-bottom: 8px;
		}

		p.firm-name {
		    font-size: 18px;
		    line-height: 24px;
		    padding-bottom: 8px;
		    padding-top: 0px;
		}

	

		.contact h1 br {
		    display: inline-block;
		}


		p.dates {
		    font-size: 16px;
		    line-height:18px;
		}

		.pd-20 {
		   padding: 0px;
		}


	.circle {
		    margin-bottom: 3px;
		}


	.description-text{
		    font-size: 15px;
		    line-height: 23px;
		}


		.case-study .block-40.case-mobile {
		    padding:0px;
		}



		a.btn-img  {
		    font-size: 18px;
		    padding:8px;
		}

		.btn-img img {
		    width: 24px;
		    height: 24px;
		    margin-top: 3px;
		}

		.btn-img span.button-text {
		    padding: 8px;
		}


		.contact h3 {
		    font-size: 32px;
		    padding-top: 16px;
		}

		.exp-item .logo {
		    padding-right: 16px;
		}

		.exp-text {
		    padding-top: 30px;
		    padding-bottom: 20px;
		}

		.logo {
		    padding-top: 40px;
		}

		.exp-item.present {
		    padding-top: 0px;
		}

		.exp-item.present .exp-text, .exp-item.present .logo {
		    padding-top: 20px;
		}


h1 br.b-mobile {
	display: inline-block;
}

h1 br.b-desk {
	display: none;
}

		span.date {
		    font-size: 12px;
		    line-height:18px;
		    padding-top: 24px;
		}

		p {
		    font-size: 18px;
		    line-height: 30px;
		    padding-bottom: 24px;
		}


		.new h2  {
			text-align: left;
			font-size: 42px;
			line-height: 48px;
			padding-bottom: 20px;
		}

		.picture img  {
			padding-bottom: 16px;
		}


		.category {
		    position: relative;
				padding-bottom: 200px;
		    margin-bottom: 0px;
		}

		.description p {
	    line-height: 20px;
	    margin-bottom: 0px;
	    font-size: 14px;
	    padding-bottom: 0px;
		}



		.art-projects h2 {
	    line-height: 48px;
	    margin-bottom: 23px;
	    font-size: 52px;
		}

		.description {
	    line-height: 42px;
	    margin-bottom: 23px;
	    font-size: 43px;
	    padding:24px;
	    width: 90%;
    bottom: 14px;
	    left: 5%;
		}

		.artwork-title {
	    margin-top: 40px;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
		}

}

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

	.picture.full-width  {
		position: relative;
		top: -220px;
	}

}





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

	.h1, .intro .text-left h1 {
		font-size: 38px;
        line-height: 50px;
	}

	.from-croatia {
        left: 145px;
        bottom: -22px;
    }


}