html {
  border: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* https://css-tricks.com/snippets/jquery/smooth-scrolling/ */
  -webkit-text-size-adjust: none;    /* Prevent font scaling in landscape */
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
       -o-text-size-adjust: none;
          text-size-adjust: none;
}

#header {z-index:1000;
}

body{
  margin: 0;
  /* font-family:"Roboto Medium"; */
  font-family: Arial;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
          user-drag: none; 
}


.navbar {
  overflow: hidden;
  background-color: #112e3c;
  opacity: 0.8; 
  filter:(opacity=50);
  position: fixed;
  top:0px;
  left:0px;
  width: 100%;


  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
          user-drag: none; 
}


.navbar a {
  float: left;
  margin-left:45px;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 40px 25px;
  text-decoration: none;
  font-size: 18px;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}


.scandichome {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.scandichome {
	position: relative;
	top: 10px;
}


.smoothshipping {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.smoothshipping {position:relative ;
			top: -10px ;
}

h2 {
/* font-family:"Roboto Black"; */
font-size:100px;
color:#285e78;
}

p { 
/* font-family:"Roboto Regular"; */
font-size:20px; color:#285e78;
}
p{ line-height:1;}


.competencies {position:relative;
top:20px;
}

.keywords {
  text-align: justify;
  text-justify: inter-word;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
  width: 40%;
}
@media screen and (max-width: 960px) { 
    .keywords { width: 96vw; }
}

.keywords span {
    display: inline-block;
    text-align: center;
    color: rgb(113,155,177);
}
.keywords span:nth-of-type(odd) { font-size: 1.8em; }
.keywords span:nth-of-type(even) { font-size: 2.2em; }
.keywords span:nth-of-type(5) { font-size: 2.7em; }
.keywords span:nth-of-type(6) { font-size: 2.27em; }
.keywords span:nth-of-type(7) { font-size: 2.2em; }
.keywords span:nth-of-type(8) { font-size: 1.45em; }
.keywords span:nth-of-type(9), .keywords span:nth-of-type(10)  { font-size: 2.8em; }
.keywords span:nth-of-type(11), .keywords span:nth-of-type(12) { font-size: 2.7em; }
.keywords span:nth-of-type(3), .keywords span:nth-of-type(7), .keywords span:nth-of-type(9), .keywords span:nth-of-type(12) { font-family: Times; }
.keywords span:nth-of-type(2), .keywords span:nth-of-type(5), .keywords span:nth-of-type(11) { color: rgb(93,125,127); }
.keywords span:nth-of-type(1), .keywords span:nth-of-type(4), .keywords span:nth-of-type(9), .keywords span:nth-of-type(11) { font-weight: bold; }
.keywords span:nth-of-type(13) { width: 100%; height: 0px; visibility: hidden; }
.keywords span:nth-of-type(1)  { margin-top: 24px;}


.facilities {position:relative;
top:50px ;
}



.onprogress {position:relative;
top:150px;
z-index: -1;
}

.officeunits {position:relative;
top: 50px;}

.officeunits:hover{
   color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}

.poolarea {position:relative;
top: 50px;}

.poolarea:hover
{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}
.multipurpose {position:relative;
top: 100px;}
.multipurpose:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
	}
.beergarden {position:relative;
top: 150px;}
.beergarden:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}
.basementparking {position:relative;
top: 150px;}
.basementparking:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}
.gym {position:relative;
top: 100px;}
.gym:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}

.sharedworkspace{position:relative;
top: 150px;}
.sharedworkspace:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}
.sharedservices{position:relative;
top: 150px;}
.sharedservices:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}
.liveworkeat{position:relative;
top: 200px;}
.liveworkeat:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}


.additionalparking{position:relative;
top: 200px;}
.additionalparking:hover
	{
	color: #424242; 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2); 
}



h3 {
position:relative;
top:200px;
margin:auto
font-family:"Roboto Black";
font-size:100px;
color:#285e78;
}
h3  {
	margin: 70px;
  }

h4 {
position:relative;
top:175px;
margin:auto
font-family:"Roboto Medium";
font-size:40px;
color:#4899c0;
}

h5 {
position:relative;
top:175px;
margin:auto
font-family:"Roboto Medium";
font-size:40px;
color:#4899c0;
}

.scandiccomp {position:relative;
top:125px;
}

.german {position:relative;
top:100px;
}

.swedish:hover
{ 
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.ast:hover
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}


.norlen:hover
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}


.scandicpalace:hover
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

	
.netship:hover
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.german {
position:relative;
}

.nordcham:hover{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.gpcci:hover
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.contactus {position:relative;
top:300px;
}

@media screen and (max-width:600px) and (min-width: 320px){
.navbar a {padding:22px;}
img {width:100%;
height:auto;
}
.scandichome {position:relative;
top:25px;}

.smoothshipping {position:relative;
top: 10px; 
}

h2 {font-size:48px;
position:relative;
top:-10px;
}
.orangecrew {
width:75%;
height:auto;
}
.orangecrew {
	position:relative;
	top:-50px;
	right:150px;
	bottom:10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p{ font-size:14px;}
p1 {margin-bottom:50px;
	text-align:center;
	position:relative;
	bottom:10px;
	top:-10px;
	left:10px;
	}

.facilities {
	position:relative;
	top:10px;
	width:65%;
}

.officeunits {position:relative;
top:10px;
	width:70%;
}

.poolarea {
	position:relative;
top:30px;width:70%;
}


.multipurpose {position:relative;
top:60px;
	width:70%;
}


.gym {
	position:relative;
top:90px;width:70%;
}
.beergarden{
	position:relative;
top:120px;width:70%;
}

.basementparking {
	position:relative;
top:140px;width:70%;
}

.sharedworkspace {position:relative;
top:160px;width:70%;
}

.sharedservices {position:relative;
top:180px;width:70%;
}

.liveworkeat {position:relative;
top:210px;width:70%;}

.additionalparking {position:relative;
top:230px;width:70%;
}

.participants {
    font-size: 40px;
    margin: 0 50px 50px 50px;
    border: 10px solid #285e78;
}

h4 {font-size:15px;
}


h5 {font-size:15px;
}

 .swedish {
	 position:relative;
	 top:50px;
	width:20%;
 }
  
   .ast { position:relative;
	 top:50px;
	   width:20%;
  height:auto}
  
   .norlen { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .scandicpalace { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .netship { position:relative;
	 top:50px;width:20%;
  height:auto}
  
  .nordcham { position:relative;
	 top:50px;width:20%;
  height:auto}
  .gpcci { position:relative;
	 top:50px;width:20%;
  height:auto}

.contactus {position:relative;top:200px;
}

.navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
.navbar a:not(:first-child) {display: none;} 
}
@media screen and (min-width:600x)and (max-width:1200px){
 
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  
}
@media screen and (min-width:600px) and (max-width:1200px){
.navbar a {padding:33px 45px;
}
img {width:100%;
height:auto;}


.scandichome {position:relative;
top:15px;
}

.navbar a:not(:first-child) {display: none;}

.facilities {
	position:relative;
	top:10px;
	width:40%;
}
.orangecrew {
width:75%;
height:auto;
}
.orangecrew {
	position:relative;
	top:-50px;
	right:100px;
	bottom:10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p{ font-size:24px;}
p1 {margin-bottom:50px;
	text-align:center;
	position:relative;
	bottom:10px;
	top:-10px;
	left:10px;
	}

.officeunits {position:relative;
top:10px;
	width:40%;
}

.poolarea {
	position:relative;
top:10px;width:40%;
}


.multipurpose {position:relative;
top:60px;
	width:40%;
}


.gym {
	position:relative;
top:70px;width:40%;
}
.beergarden{
	position:relative;
top:120px;width:40%;
}

.basementparking {
	position:relative;
top:120px;width:40%;
}

.sharedworkspace {position:relative;
top:160px;width:40%;
}

.sharedservices {position:relative;
top:160px;width:40%;
}

.liveworkeat {position:relative;
top:210px;width:40%;}

.additionalparking {position:relative;
top:210px;width:40%;
}

h3
{font-size:65px;
margin:50px;}

h4 {font-size:25px;
}


h5 {font-size:25px;
}

 .swedish {
	 position:relative;
	 top:50px;
	width:20%;
 }
  
   .ast { position:relative;
	 top:50px;
	   width:20%;
  height:auto}
  
   .norlen { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .scandicpalace { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .netship { position:relative;
	 top:50px;width:20%;
  height:auto}
  
  .nordcham { position:relative;
	 top:50px;width:20%;
  height:auto}
  .gpcci { position:relative;
	 top:50px;width:20%;
  height:auto}
}
 
@media screen and (min-width:600x)and (max-width:1200px){
 
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
 
}

@media screen and (min-width:240px)and (max-width:320px){
 .navbar a {
	 font-size:10px;
	 padding:4px 70px;}
 .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
img {width:100%;
height:auto;
}
.scandichome {position:relative;
top:-9px;}

.smoothshipping {position:relative;
top: -25px; 
}

h2 {font-size:35px;
position:relative;
top:-15px;
}
.orangecrew {
width:50%;
height:auto;
}
.orangecrew {
	position:relative;
	top:-10px;
	right:150px;
	bottom:10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p{ font-size:10px;}
p1 {margin-bottom:50px;
	text-align:center;
	position:relative;
	bottom:10px;
	top:-10px;
	left:10px;
	}

.facilities {
	position:relative;
	top:10px;
	width:65%;
}

.officeunits {position:relative;
right:15px;
top:10px;
	width:70%;
}

.poolarea {
	position:relative;
top:30px;width:70%;
}


.multipurpose {position:relative;
right:15px;
top:60px;
	width:70%;
}


.gym {
	position:relative;
top:90px;width:70%;
}
.beergarden{
	position:relative;
	right:15px;
top:120px;width:70%;
}

.basementparking {
	position:relative;
top:140px;width:70%;
}

.sharedworkspace {
	right:15px;
	position:relative;
top:160px;width:70%;
}

.sharedservices {position:relative;
top:180px;width:70%;
}

.liveworkeat {
	right:15px;
	position:relative;
top:210px;width:70%;}

.additionalparking {position:relative;
top:230px;width:70%;
}



h4 {font-size:10px;
}50px


h5 {font-size:10px;
}

 .swedish {
	 position:relative;
	 top:50px;
	width:20%;
 }
  
   .ast { position:relative;
	 top:50px;
	   width:20%;
  height:auto}
  
   .norlen { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .scandicpalace { position:relative;
	 top:50px;width:20%;
  height:auto}
  
   .netship { position:relative;
	 top:50px;width:20%;
  height:auto}
  .german {position:relative;
  top:125px;
  }
  .nordcham { position:relative;
	 top:50px;width:20%;
  height:auto}
  .gpcci { position:relative;
	 top:50px;width:20%;
  height:auto}

.contactus {position:relative;top:200px;
}

.navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
.navbar a:not(:first-child) {display: none;} 
}


.topbutton {
    position: fixed;
    bottom: 10px; right: 10px;
    z-index: 99999;
    border: 2px solid rgba(0,0,0, .5);
    color: rgba(0,0,0, .5) !important;
}

*:hover {
  -webkit-transition: all .09s ease-out .1s;
     -moz-transition: all .09s ease-out .1s; 
       -o-transition: all .09s ease-out .1s; 
          transition: all .09s ease-out .1s;
}