/* Contact form */
	#contactInner {
    background-color:#ebebeb;
    width:100%;;
    padding:20px;
    margin: 50px auto;    
    border: 3px solid #7d7d7d;
    //-moz-border-radius:15px;
    //-webkit-border-radius:15px;
    //border-radius:15px;
    position:relative;
}
 
#contactInner h1 {
	text-align:center;
		font-family: 'Montserrat', sans-serif;
    font-size:2em;
    font-weight:600;
}
 
#contactInner h2 {
		font-family: 'Montserrat', sans-serif;
		font-size: 1.5em;
    margin-bottom:15px;
    font-style:italic;
    //font-weight:normal;
}
 
#contactInner input, 
#contactInner select, 
#contactInner textarea, 
#contactInner label {
    font-size:1em;

}
 
#contactInner input, 
#contactInner select, 
#contactInner textarea {
    width:100%;
    border: 1px solid #d2d2d2;
    margin-bottom:20px;
    padding:4px;
}
 
#contactInner input:focus, 
#contactInner select:focus, 
#contactInner textarea:focus {
    border: 1px solid #7d7d7d;
    background-color: #f8f8f8;
}
 
#contactInner textarea {
    height:150px;
    resize: none;
}
 
#contactInner label {
    display:block;
}
 
#contactInner .required {
    font-weight:bold;
    color:#F00;    
}
 
#contactInner #submit-button {
    width: 100px;
    background-color:#7d7d7d;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:#7d7d7d;
    -moz-border-radius:8px;
}
 
#contactInner #submit-button:hover {
    background-color: #d2d2d2;
}
 
#contactInner #submit-button:active {
    position:relative;
    top:1px;
}
 
#contactInner #loading {
    width:32px;
    height:32px;
    //background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}
 
#contactInner .errors {
    border:solid 1px #7d7d7d;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#ebebeb;
    // url(/img/cancel_48.png) no-repeat 405px center;
    display:none;
}
 
#contactInner .errors li {
    padding:2px;
    list-style:none;    
}
 
#contactInner .errors li:before {
    content: ' - ';    
}
 
#contactInner .errors #info {
    font-weight:bold;
}
 
#contactInner .errors #info:before {
    content: '';    
}
 
#contactInner .success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3;
    // url(../img/accepted_48.png) no-repeat 405px center;
    font-weight:bold;
    display:none;
}
 
.errors.visible, .success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
}
 
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}


/* */
body{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 300;
}
.va_mid{
vertical-align:middle;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;

}
.fa-end{
align-self:flex-end;
}

.flex{
display:flex;
}
.fa-mid{
align-self:center;
}
.h50v{
height:50vh;
}

.pad_0{
padding:0;
}
.pe-a{
pointer-events:all;
}
.pe-n{
pointer-events:none;
}
.zi_0{
z-index:0;
}
.zi_1{
z-index:1;
}
.zi_2{
z-index:2;
}
.zi_3{
z-index:3;
}
.zi-1{
z-index:-1;
}
.zi-2{
z-index:-2;
}
.f_msr_light{
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 100;
}
.white{
	color:white;
}
.h100v{
  height: 100vh;
}
.w100h{
	width: 100vw;
}
#vrFrame{
	top: 0px;
	position: fixed;
	width:100%;
	height:100%;
	border:none;
	z-index:0;
	pointer-events: all;
	overflow: hidden;
}
.fsHeight{
	height: calc(100% - 80px);
}


#floatMenu{
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 100;
	text-align:center;
	pointer-events: all;
	height: 80px;
	background-color: black;
  width: 100%;
}
#floatMenu nav{
	display: flex;
  align-items: center;
  justify-content: center; 
  width: 100%;
  height: 100%;
  margin: 0;
}
#floatMenu nav > ul{
	padding: 0px;
	display: flex;
	align-items: center;
  justify-content: space-around;
	width: 100%;
	margin: 0;
}
#floatMenu li, #floatMenu a{
	font-weight: 300;
	display: inline-block;
	text-decoration: none;
	color: white;
}
#floatMenu a:hover{
	color:gray;
}
#floatMenu li {
  list-style-type: none;
}
.fmDesc{
font-size: 0.6em;
font-weight: 200;
display: block;
}
#logoSmall{
	float: left;	
	padding-left: 5px;
}
#hambMenu{
	float:right;	
	padding-right: 5px;
}
#hambMenu > a, #logoSmall > a{
	width: auto;
	display: none;
}
#hambMenu img{
	height: 35px;
}
#hambMenu ul{
	display: none;
}
#logoSmall img{
	height: 40px;
}


.hidden{
	display:none;
}

#mainMenu-holder {
	display: flex;
	justify-content: center;
}

#mainMenu-holder nav{
	width: 95%;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;	
}

#mainMenu a{
	color: white;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	height:40px;
	font-weight: 200;
	pointer-events: all;
	margin-top:8px;
	padding: 8px;
	padding-top:4px;
}

#mainMenu{
	z-index:99999;
}

#mainMenu ul{
	margin-top:5px;
}

#mainMenu a.currentLang{
	height:40px;
	width:52px;
}

#mainMenu .menuLang{
	display:inline-block;
	cheight:40px;
	width:auto;
	flex-direction:row;
	justify-content: flex-end;	
	background: rgba(0,0,0,0.3);
	right:34px;
	margin-top:6px;
	padding-bottom:8px;

}
#mainMenu ul.menuLang{
	display:none;
	padding-inline-start: 9px;
}


#hambMenu .menuLang{
	background:none;
}

.menuLang.mobile{
	text-align:left;
	justify-content: flex-start;
}

#mainMenu .menuLang a{
	height:40px;
	margin:0px;
	width:52px;

}
#mainMenu .menuLang a:last-child >img{
		padding-right:8px;
}


a.currentLang img , .menuLang a > img{
	padding:0px;
	height:24px;
	margin-top:0px;

}
#mainMenu a.currentLang img{
	padding-right:8px;
}	

.menuLang a > img{
	
	margin-top:3px;
}

#logoLink{
	pointer-events:all;
	z-index:99999;
}

#mainMenu ul a:hover{
	color:white;
	background: rgba(0,0,0,0.8);
}

#mainHambIcon{
	display:none;
}

a#mainHambIcon{
	display:none;
	height:80px;
	width:80px;
	align-items:center;
	justify-content: center;
}
	
#mainHambIcon img{
	height:35px;
}

.mobileMenu{
	display:flex;
	width:50vw;
	flex-direction:column;
	background: rgba(0,0,0,0.6);
	right:0;
	padding-bottom:10px;

}


#mainMenu >.mobileMenu{
		top:80px;
			margin-top:0px;
		
	}
	
.mobileMenu a{
		padding:5px;
		z-index:999999;
}

.mobileMenu  a:hover{
		color:white;
		background: rgba(0,0,0,0.5);
}
#mainMenu ul.mobileMenu a.currentLang{
	display:inline-block;
	padding-top:8px;
}
#mainMenu ul.mobileMenu ul.menuLang {
	padding-inline-start:0px;
}

#floatMenu ul.menuLang{
	display:inline-block;
	padding-inline-start:0px;
	text-align:center;
}

#fsBG-holder{
	display: flex;
	align-items: center;
  justify-content: center;
  overflow: hidden;
}	
#cta-main{
	font-weight: 600;
}
#cta-sub{
	font-size: 0.8em;
}
#cta-box{
	text-align: center;
	padding: 1em;
	padding-left: 12em;
	margin-left: -12em;
	padding-right: 12em;
	margin-right: -12em;
	display: flex;
	flex-direction: column;
	align-items: center;
  justify-content: center;
  z-index:1;
  color: white;
  font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 100;
}
#cta-box input{
	font-size: 0.7em;
	color: gray;
}


#fsBG{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:1;
}

.bxslider-inner {
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}
#prednostiContainer, #primjeriContainer, #mogucnostiContainer{
	position: relative;
	//height: calc(100vh - 100px);
	margin-top:0px;
	margin-bottom:0px;
}

#primjeriContainer{
	background: rgba(240,240,240,1);
}

.bx-wrapper {

 }
#prednostiSlider .container{
display:flex;
}
.row.text-center > div {
    display: inline-block;
    float: none;
}

.thmb{
width:100%;
}

.onTop{
	z-index:99999;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}

#mogucnostiContainer {
	padding-top:20px;
	padding-bottom:20px;
}

ul.mogucnosti {
	font-size:1.5em;
}

.logos{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	text-align:center;
	align-items: center;
  justify-content: center;
}
.logos >img{
	margin: 20px;
	margin-top: 40px;
	width:	80px;
	height: 80px;
}
#mogucnostiContainer{
	background:url("/img/background-logos.png");
}

#contentContainer{
	position: relative;
	background:rgba(255,255,255,0);
	z-index:2;
}


#cta-box a{
	text-decoration:none;
	color:white;
	font-weight:600;
	font-style:italic;
}
#cta-box a:hover{
	text-decoration:none;
	color:gray;
	font-weight:600;
	font-style:italic;
}	

.bx-pager{
	bottom:30px !important;
}
.bx-wrapper{
	margin-bottom: 0px !important;
}

.floatMenuShim{
	height:30px;
	display:block;
	background:white;
}	
.slider-text{	
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	min-height:calc(50vw - 130px);
	//max-height:50vw;
}
.slider-photo{
	display:flex;
	align-items: flex-end;
	justify-content: flex-end;
	min-height:calc(50vh - 130px);
	padding:0px;
}
	
.example-slide {
	display:flex;
	text-align:center;
	align-items: center;
  justify-content: center;
	background-position: center;
	background-repeat:no-repeat; 
	background-size:cover;
	height:calc(100vh - 130px);
}


.example-slide > p{
	padding:1em;
		color:white;
		font-size:1.5em;
		position:absolute;
		background: rgba(0,0,0,0.35);
	}
.example-slide > p > a{
		display:block;
		color:white;
		text-decoration:none;
	}
.example-slide > p > a:hover{	
			text-decoration:none;
			color:rgba(192,192,192,1);
}
.logo{
	width:60px;
	height:60px;
}
.logo-text{
	width:190px;
	height:30px;
}



/* RADOVI */
#gallery{
	height:220px;
  width:100vw;
	background: url('/img/screen-white.png') repeat; #rgba(255,255,255,0.5);
	z-index:3;
	position:absolute;
	backdrop-filter:blur(4px);	

}

#gallery .content{	
  display:flex;
	height:100%;
	flex-wrap:nowrap;
	overflow-x:scroll;
}

#gallery .item {
	width:200px;
	height: 200px;
	padding: 20px 0px 0px 20px;

}

#gallery .item span{
	position:relative;
	width:180px;
	height: 180px;
	

}
#gallery .item a img{
	width:180px;

}
#gallery .item a p {
	width:180px;
	color:white;
	position:absolute;
	//bottom:0;
	padding:5px 5px 5px 10px;
	background:rgba(0,0,0,0.5);
}



#mediaFrame{
	height:100%;#calc(100vh - 220px);
}
#gallery .slideU{
	line-height:0;
	font-size:2em;
	display:block;
	position:absolute;
	z-index:3;
}

#gallery .scrollerL, #gallery .scrollerR{
	font-size:150pt;
	line-height:200px;
	display:block;
	position:absolute;
	background: rgba(0,0,0,0.3);
	opacity:0.3;
	width:50px;
	height:100%;
	z-index:3;
}

#gallery .scrollerR{
	right:0;

}
#gallery .scrollerL{

}

#gallery .scrollerL:hover, #gallery .scrollerR:hover, #gallery .slideU{
	opacity:1;
}
#gallery .scrollerL a, #gallery .scrollerR a{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-decoration:none;
}
#gallery .slideU a{
	display:block;
	height:1em;
	width:100%;
	text-decoration:none;
	color:#888;
}

#gallery .slideU{
	text-align:center;
	display:block;
	color:white;
	width:100%;
	text-decoration:none;
}

#gallery .slideU a:hover{
	color:black;
	text-decoration:none;
}



.slideOpen {
	height: calc(100% - 120px);
	flex-wrap: wrap;
	
}
.logo{
	width:60px;
	height:60px;
}
.logo-text{
	width:190px;
	height:30px;
}