html, body {
	width: 100%;
    height: 100%;
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

a{
	color: #363636;
}

a:hover{
	color: #d7ccba;
}

.nav-link{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding-left: 30px;
	padding-right: 30px;
}

/* change navbar-toggler inside lines color (stroke) */
span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#d7ccba' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: white;
}

/* change hamburger button border color */
button.navbar-toggler{
  border-color: #d7ccba;
}

.header{
	width: 100%;
	min-height: 700px;
	background-image:url('../images/naslovnajpg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	margin-top: 80px;
}

h1{
	font-size: 60px;
	color: #ffffff;
	font-weight: 600;
	text-shadow: 2px 2px #423829;
	text-transform: uppercase;
}

.titleArhitekt{
	font-size: 56px;
	color: #423829;
	font-weight: 400;
	text-shadow: none;
	letter-spacing: 53px;
}

.titleDate{
	font-size: 56px;
	color: #423829;
	font-weight: 400;
	text-shadow: none;
	letter-spacing: 3px;
}

h2{
	font-size: 30px;
	color: #363636;
	text-transform: uppercase;
	font-weight: 600;
}


.odmikBig{
	height: 50px;
	width: 100%;
}

.odmikSmall{
	height: 25px;
	width: 100%;
}


.projectImg{
	max-width: 100%;
	width: 100%;
	display: block;
}

.projectTitle{
	font-size: 16px;
	color: #363636;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding-top: 20px;
}

.projectDescription{
	font-size: 14px;
	color: #363636;
	font-weight: 300;
	text-align: center;
}

.btnMain{
	width: 100%;
	max-width: 100%;
	border: 1px solid #d7ccba;
	background: #d7ccba;
	border-radius: 30px;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 5px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
	
	box-shadow: 3px 5px 10px #363636;
}

.btnMax{
	width: 100%;
	max-width: 200px;
	margin: auto;
}

.btnMain:hover{
	border: 1px solid #d7ccba;
	background: #ffffff;
	color: #d7ccba;
	text-decoration: none;
}

#o-nejcu .btnMain:hover{
	background: #ebebeb;
}


.about{
	width: 100%;
	min-height: 500px;
	background-image: linear-gradient(90deg, #ebebeb 90%, #FFFFFF 10%);
}


.video{
	width: 100%;
	min-height: 300px;
	background: #363636;
	margin-top: -50px;
}

.carousel-indicators {
	bottom: -50px;
}

.carousel-indicators li {
	text-indent: 0px;
	text-align:center;
}

.carousel-indicators .active{
	background: #363636;
	color: #ffffff;
}

.carousel-indicators .active li {
	color: #ffffff;
}


.carousel-indicators li{
	height: 25px;
	border: 1px solid #363636;
	border-radius: 10px;
}

.readMore{
	font-size: 18px;
	color: #363636;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
}

.readMore:hover{
	cursor: pointer;
	color: #d7ccba;
}


.sidebar-box {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}

.sidebar-box .read-more { 
  position: absolute; 
  bottom: 0px; 
  left: 0;
  width: 100%; 
  margin: 0; padding: 30px 0; 
  z-index: 1999;
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #ebebeb);
}


.podpis{
	width: 100%;
	max-width: 400px;
}



.footer{
	width: 100%;
	background: #464646;
}

.footer p{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0px;
}


.imageG{
	width: 100%;
}

.imageG:hover{
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.no-padding{
	padding: 0px;
}

.no-margin{
	margin: 0px;
}

.hide{
	display: none;
}


.galleryTitle{
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	width: 100%;
	max-width: 220px;
}

.border-LR{
	border-right: 1px solid #363636;
	border-left: 1px solid #363636;
}


.galleryTitle:hover, .galleryTitle.active{
	font-size: 18px;
	font-weight: 600;
	color: #d7ccba;
	cursor:pointer;
}