* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
		  
}

/*ZABLOKIRATI MOBILNI I TABLET */

@media screen and (min-width: 1201px){
	.body-mobile{
		display: none;
	}
	
	.mobile-video{
		display: none;
	}
	
	.container1{
		display: none;
	}
	
	.c-scrollbar{
		display: none;
	}
}


/* ALL */
body {
  display: block;
  overflow-x: hidden;
	
}

.wrapper {
  display: block;
  width: 100%;
  height: 100%;

}


.container1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	padding: 0;
	margin: 0;
}




/* ALL */

.container1 video{
	width: 100%;
	
}


.bgOne {	
	background-color: #FFFFFF;
		padding: 0;
	margin: 0;
}


.parallax bgImg{
	margin: 0;
}


/* SECTION 1 */


/*NASLOV */

.naslov h1,h2{
  	display: flex;
	justify-content: flex-start;
	line-height: 1.4em;
	font-family: 'Montserrat', sans-serif;
}



#naslov2{
	  font-size: 3vw;
	  font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  text-shadow: 5px 5px 50px #000000;
	
	
}

.naslov h2{
	font-size: 1.1vw;
	font-family: 'Montserrat', sans-serif;
  	color: #FFFFFF;  
	text-shadow: 5px 5px 50px #000000;
}

#naslov3{
	justify-content: flex-end;
}


#myVideo{
	align-self: start;
	opacity: 0.8;
	
}


.mouse.is-inview{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: 64vh;
}

#mouse{
	position: absolute!important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75vh!important;
}



.bgImg {
  position: absolute;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	z-index: -1000;
}


/* ZA SLIKE GENERAL */

.bgImg img {
  display: block;
  margin-top: auto;
  width: 70%;
}



/* SECTION 2 */


#section2{
	display: flex;
	justify-content: flex-start;
	padding-top: 10vh;
}

.bgImg1 {
  position: absolute;
  width: 100vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	z-index: -1000;
}

.bgImg1{
  display: block;
  margin-top: auto;
  width: 85%;
	margin-left: 25vw;
}


.bgImg1 img{
	width: 90%;
}


#text-sec2{
	margin-left: 12vw;
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	line-height: 2.5em;
	letter-spacing: 1px;
}

#sec2-naslov{
	color:#2d545e;
	padding-bottom: 1em;
	text-transform: uppercase!important;
	font-family: 'Montserrat', sans-serif!important;
	letter-spacing: 0px!important;
	font-size: 3.3vw;
	
}

#text-sec2 p{
	font-size: 1vw;
	text-transform: lowercase;
}






/* SECTION 3 */

.bgTwo{
	height: 55vh;
}


.section3-text h1{
	
}

/* SPACER 1 */

#spacer1{
	/* background-image: url("../../../img/company/homepage/background_image_world_map.jpg");
	background-position: center;
	background-size: cover;  */
	
	background-color: #ffffff;
	display: grid;
	height: 100%;
	padding: 0vh 12vw;
	font-family: 'Montserrat', sans-serif;
}

.spacer-1{
	display: grid;
	grid-template-columns:auto auto auto;
	grid-template-rows: auto auto auto;
	margin: auto;
	column-gap: 10vw;
	text-align: justify;
}

.spacer-1 img{
	justify-self:start; 
	width: 3vw;
}

.spacer-1-naslov{
	justify-self:start;
	text-transform: uppercase;
	padding-top: 1vh;
	color: #2d545e;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.spacer-1-tekst{
	padding-top: 3vh;
	justify-self:start;
	color: #999999;
	
}


/* SECTION 4 */

.bg3{
	height: 70vh;
}

.bg3 img{
	width: 100%;
	height: auto;
}


/* SECTION 5 */

.bg4{
	height: auto;
}

.spacer-bg4{
	display: grid;
	grid-template-columns:auto auto;
	grid-template-rows: auto auto;
	margin: auto;
	column-gap: 10vw;
	padding: 10vh 12vw 0vh 12vw;
}

.spacer-naslov{
	justify-self:start;
	text-transform: uppercase;
	padding-top: 1vh;
	color: #2d545e;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	justify-self: center;
}

.spacer-tekst{
	padding-top: 3vh;
	justify-self:start;
	color: #b3b3b3;
	font-family: 'Montserrat', sans-serif;
	
}


/* SECTION 6 */

.bg7{
	height: auto;
	margin: 10vh 0 5vh 0vh;
}

.bg7 img{
	width: 100%;
	justify-content: flex-start;
}



/* SECTION 7 */

.bg5{
	height: auto;
	margin-bottom: 5vh;
	
}

#spacer-2{
	display: grid;
	grid-template-columns:70% 30%;
	grid-template-rows: auto auto;
	margin: 0 auto 0 0;
	
	
}

#spacer-2-img-1{
	max-width: 100%;
	max-height:80vh;
}

#spacer-2-img-2{
	width: 4vw;
}

.spacer-2-text{
	align-self: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	height: auto;
	letter-spacing: 1px;
	color: #b3b3b3;
	justify-self:center;
	
}

#spacer-2-naslov{
	text-transform: uppercase;
	color: #2d545e;
	padding-bottom: 7vh;
}

#spacer-2-text{
	margin-top: 2vh;
}

#spacer-2-text-poslednji{
	margin-bottom: 3vh;
}

#spacer-2-link{
	text-decoration: none;
	border: 1px solid #2d545e;;
	border-radius: 7px;
	padding: 7px 2vw 7px 2vw;
	text-align: center;
	color: #2d545e;
	opacity: 1;
	transition: 0.5s;
	
}

#spacer-2-link:hover{
	transition: 0.5s;
	opacity: 0.5;
}

/*SECTION 7 / FOOTER */

.bg6{
	max-height:35vh;
	
}























