/* 0style_start.css */  




#Nav a {  font-size: 38px; color:#333;   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Helvetica, Arial,  sans-serif;
font-weight: ; letter-spacing:-2px;  font-weight:300;  -webkit-text-size-adjust: 100%;}




#Nav  { position:relative; display: block; width:950px; height:px; margin-top:-109px; left:-54px; top:-px;  margin-left: auto ; margin-right: auto ; cursor:pointer; z-index:;overflow:}



#Nav { line-height:45px;  z-index:999; z-index: 10000;  }





#Nav {

  
  
}
#Nav  li {
  display:block;
  width:px;
  float:left; text-align: center;
  margin-left:8px;
  border:px solid #;
}

#Nav  a {
  display:block;
  padding:px;
  text-decoration:none;
  background-color:#;
  color:#;
}

#Nav  a:hover {
  background-color:#;
  color:#;
}












#location { display: inline-block; position:; left: px; top: px; text-align: left; background-color:; border:5 px solid; padding: px; z-index: ; }
.font { color: #fff; font: 18px "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing:px; font-stretch: %; }


#slidearrows { position:relative; z-index:55; }


#slidearrows { position:relative; z-index:55; }



.messageBoxtext h55{  position: relative;  font-size: 24px; display:block; height:50px; width:285px; line-height:px; 
   font-family: "Helvetica Neue", Arial, sans-serif; color:#fff; margin-left:5px;  top:-10px; left:88px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}

.messageBoxtextsurf h55{  position: relative;  font-size: 24px; display:block; height:16px; width:282px; line-height:500px; background-color: yello;
   font-family: "Helvetica Neue", Arial, sans-serif; color:#fff; margin-left:5px;  top:16px; left:171px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}




#newstext img{
position: relative; margin-top:15px; height:369px; width:560px;
max-width: 95%; height: auto;  z-index:;

}


@media all and (min-width:800px) and (max-height:1255px){
#newstext img{   height: auto; margin-top:15px; 

max-width: 91%; height: auto; 
}}




#newstext {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  display: block;
font-size: 35px; line-height:37px; font-style:underline; text-decoration: background-color:yellow; ; 
position:relative; float:left; height: 775px; width:50px; left:285px; right:px; margin-top:3px;  top:-px; z-index:999;
}


#newstext {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:800;  
font-size: 50px; line-height:40px; font-style:underline; text-decoration: background-color:yellow; ; 
position:relative; float:left; height:auto; width:465px; left:285px; right:px; margin-top:14%;  top:25%; 
}

#newstext p {
font-family: "Helvetica HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#fff;font-weight:200;  position: relative;
font-size: 25px; line-height:26px; font-style:underline; text-decoration: background-color:yellow; ; height:auto; width:350px; left: -1px; top:-18px;

}






@media all and (min-width:971px) and (max-height:1075px){
#newstext{   
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  margin-left:-px;  margin-top:px; display:non;
font-size: 45px; line-height:25px; font-style:underline; text-decoration: ; line-height: 40px;
position:fixed; height: px; width:800px; right:px; margin-top:%; top:%;
float:left; height:300px; width:395px; left:105px; margin-top:5%; margin-top:59px;  z-index: 9999;}}

@media all and (min-width:971px) and (max-height:900px){ 
#newstext p {
font-family: "Helvetica HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#fff;font-weight:200;  position: relative; left:1px;
font-size: 18px; line-height:20px; font-style:underline; text-decoration: background-color:yellow; ; height:325px; width:auto; top:-18px;

}}

@media all and (min-width:971px) and (max-height:900px){ 
#newstext  {
font-family: "Helvetica HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#fff;font-weight:800;  
font-size: 30px; line-height:28px; font-style:underline; text-decoration: background-color:yellow; ; height: 325px; width:260px; top:29%;

}}






@media all and (max-width:1955px) {
#newstext{  margin-left:5500px;  display:non;}}




@media all and (max-height:1025px) {
#newstext{  margin-left:60px;  display:non;}}





@media all and (max-width:1250px) and (max-height:1110px){
#newstext{   margin-left:5500px;
}}








@media all and (max-width:970px) and (min-height:1500px){
#newstext{ 
font-size: 45px; line-height:45px;
 display:block; m
width:auto; height:500px;  }}







@media all and (max-width:970px) and (min-height:1285px){
#newstext {
  
  position: relative;
  margin-left:-5px;  display: none; z-index:;


}}




@media all and (max-width:970px) and (min-height:500px){



#newstext {
  position: fixed; /* or absolute */
  top: 58%;
  left: 31.1%; 
}}


@media all and (min-width:px) and (max-height:1550px){
#newstext{   
left:500px; margin-top:25%; }}








@media all and (min-width:971px) {
.messageBoxtextsurf h55{ position:relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height:px; width:px; line-height:1px;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  margin-left:-98px; margin-top:-1px; 
font-size: 24px; font-style:underline; text-decoration: ; line-through opacity:1; z-index:999;}}
  
@media all and (max-width:970px) {
.messageBoxsurf { display:none; height:250px; width:320px; line-height:47px;    font-size:50px;  margin-left:-75px;text-align:center; margin-top:-73px; left:58px; z-index:10000;}}


@media all and (max-height:1095px) {
.messageBoxsurf { display:block; height:px; width:px; line-height:px;    font-size:px;  margin-left:px;text-align:center; margin-top:px; left:px; z-index:9999;}}




@media all and (max-width:px)  ,screen and (max-height: 1095px) {
.messageBoxtextsurf h55 { position:relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height:px; width:px; line-height:1px;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  left:97px; margin-top:-1px; 
font-size: 24px; font-style:underline; text-decoration: ; line-through opacity:1; z-index:10000;}}



@media all and (max-width:970px)  ,screen and (max-height: px) {
.messageBoxtextsurf h55 {   left:-2px; top:12px;  z-index:10000;}}



@media all and (min-width:970px) { .closeX h85{ position:absolute; left:295px; top:-55px; font-size: 25px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}}

.messageBoxsurf { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 25px; -moz-border-radius: 5px; display:;opacity:0.85;z-index:9999;}  

.messageBoxcsurf { font: 8px "Helvetica Neue", Arial, sans-serif;font-weight:400;   position:absolute; position:absolute; top:585px; margin-left:81px; left:-1px; line-height:em; color:#fff; letter-spacing:normal;z-index:9999;}




  
.messageBoxsurf { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 25px; -moz-border-radius: 5px; display:;opacity:0.85;z-index:9999;}  






.closeXsurf h85{  position:relative; display:block; font:28px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; position:relative; height: 2px; width: 2px; line-height:; top:-64px;  left: 293px; z-index:10000;  background-color: yello; }


.messageBoxc { font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;   position:absolute; margin-top:35px; font:95px!important; margin-left:81px;line-height:em; color:#fff; letter-spacing:normal;z-index:9999;}


.messageBoxc { font:15px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;   position:absolute; margin-top:35px; font:95px!important; margin-left:81px;line-height:em; color:#fff; letter-spacing:normal;z-index:9999;}



.messageBoxcsurf { font: 8px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;   position:absolute; position:absolute; height:25px; top:49px; margin-left:98px;line-height:25px; color:#fff; letter-spacing:normal;z-index:;}


@media all and (max-width:970px) {
.messageBoxcsurf { display:none;z-index:9999;}}  



@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.messageBoxcsurf { display:block;z-index:9999;}}





@media all and (max-width:970px) {

.closeXsurf h85{ font:50px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;  position:relative; height: 5px; width: 50px; line-height:; top: -px;   left: 276px; z-index:10000;}}




@media all and (max-width:px)  ,screen and (max-height: 1095px) {
.closeXsurf h85{ left:px; top:-64px; font-size: 28px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}}





  
.messageBoxsurf { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width:8px;  -webkit-border-radius: 30px; -moz-border-radius: 5px; display:;opacity:0.85;}  








@media all and (max-width:970px) {

.messageBoxcsurf { display:none;}}  







@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.messageBoxcsurf { display:block;
 } }






@media all and (max-width:970px) {

.messageBoxsurf { position:fixed; cursor:pointer;   top: 51%; left: 50%; margin-left:-173px; margin-top:-54px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:45px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width:8px;  -webkit-border-radius: 25px; -moz-border-radius: 5px; display:;opacity:0.85;}}  



@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.messageBoxsurf {position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 30px; -moz-border-radius: 5px; opacity:0.85;
 } }


  
@media all and (max-width:970px) {
.messageBoxtext h55{ display:block; height:250px; width:355px; line-height:px;    font-size:45px; height:85px; color:#fff; opacity: 1!important;  margin-left:-87px;text-align:center; margin-top:; top:-3px; left:58px; z-index:10000;}}


@media all and (max-width:px)  ,screen and (max-height: 1095px) {
.messageBoxtext h55 { position:relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height:px; width:px; line-height:1px;   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  margin-left:-80px; margin-top:-18px; 
font-size: 24px; font-style:underline; text-decoration: ; line-through opacity:1; z-index:10000;display:none}}



@media all and (max-width:px)  ,screen and (max-height: 1095px) {
.messageBox { display:none}}



@media all and (min-width:970px) {
.messageBox { display:none;}}


.messageBox { display:none;}



@media all and (max-width:970px) {
.messageBox { display:block;}}

@media all and (max-height:1095px) {
.messageBox { display:none;}}


@media all and (min-width:970px) { .closeX h85{ left:295px; top:-55px; font-size: 28px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}}

.messageBox { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; display:;opacity:0.85;z-index:9999;}  

.messageBoxc { font: 8px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:400;   position:absolute; position:absolute; top:585px; margin-left:81px;line-height:em; color:#fff; letter-spacing:normal;z-index:10000;}




  
.messageBox { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; display:;opacity:0.85;z-index:9999;}  




.closeX h85{ font:21px "Helvetica", Helvetica, Arial, sans-serif; font-weight:bold; font-size: 28px; position:absolute; display:block; display:inline; height: 50px; width: 500px; line-height:; margin-top:-58px;  left: 295px; z-index:10000;}






.messageBoxc { font: 12px "Helvetica", Helvetica, Arial, sans-serif; font-weight:400;   position:absolute; position:absolute; top:71px; margin-left:55px;line-height:em; color:#fff; letter-spacing:normal;z-index:10000;}


@media all and (max-width:970px) {
.messageBoxc { display:non;z-index:10000;}}  



@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.messageBoxc { display:block;z-index:10000;}}










@media all and (max-width:970px) {

.closeX h85{ font:50px "Helvetica", Helvetica, Arial, sans-serif; font-weight:bold;  position:relative; display:block; background-color:; width:85px; height: 80px; width: line-height:px; top: -60px;   left:265px; z-index:100000;}}



@media all and (max-width:970px) {

.h85{ font:50px "Helvetica", Helvetica, Arial, sans-serif; font-weight:bold;  position:relative; display:block;  width:85px; height: 85px; width: line-height:50px; top: -55px;   left:px; z-index:100000;}}




@media all and (max-width:px)  ,screen and (max-height: 1095px) {
.closeX h85{ left:295px; top:-55px; font-size: 28px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:10000;}}



#clients h8 {position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;  font-size: 15px; color:#fff; font-weight:;  }




#clients
    {
  position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;  font-size: 15px; font-weight:300; 
  z-index: 9999; display:block;
  height: 50px;
  width:852px;
  overflow: show;
margin-left: auto; 
    margin-right: auto; left:-3px;
   
     top:7px; 
 line-height:18px;   text-align: center; letter-spacing:-1px;   display: non;
  z-index:999; 
 }





#clients-tel
    {
  position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;   font-size: 28px; font-weight:300; 
  z-index: 9999; display:block;
  height: 80px;
  width:705px;
  overflow: show;
margin-left: auto; left:-5px;
    margin-right: auto;
     margin-top:-21px; left:-2px; top:-52px;
 line-height:38px;   text-align: center;
  z-index:999;text-size-adjust: 100%; letter-spacing:-1px;}


  

#ssfloatingiconsaboutinstagram {position: relative;  height:44px; width:43px; z-index: 5; left: 443px; top:11px;}
#ssfloatingiconsaboutfacebook {position: relative; height:44px; width:43px; z-index: 5; left:483px; top:-32px;}




@media all and (max-width:px) ,screen and (max-height: 1095px) {

#supersized {
    position:; 
    left:px;
    top:0; 
    overflow:hidden;
    z-index:-999;
    height:100%;
    width:100%;  background:#fdfdfb;
}
}






@media all and (max-width:970px) {
.containertake{ margin-top:-150000px;}}






@media all and (max-height:1095px) {
.containertake{ margin-top:0px;}}





@media all and (min-width:970px)  ,screen and (max-height: 1095px) {

.tel{display:none;}}





body {cursor:pointer; }

.slidearrowright img {position:fixed;  padding:px; right:0px; width:100px; height:100px;
     top:47%; display:non;}


.slidearrowleft img {position:fixed;  padding:px; left:0px; width:100px; height:100px;
     top:47%; display:non;}



#startarrowtels{ }




@media all and (max-width:px)  ,screen and (max-height: 1095px) {


.slidearrowleft img  {   top:43%; 

 
 } }


@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.slidearrowright img  {   top:43%; 

 
 } }







@media all and (max-height:890px) {
.containertake{ margin-top:0px;}}






@media all and (max-width:970px) ,screen and (max-height: 1095px) {
#clients
    {   display:none;
        
    }
}




@media all and (min-width:971px) ,screen and (max-height: 1095px) {
#clients
    {   display:block;
        
    }
}



@media all and (min-width:971px)  {
#clients-tel
    {   display:none;
       
    }}



@media all and (max-height:1095px) {
#clients-tel
    {   display:none;
       
    }}


@media all and (max-width:px)  ,screen and (max-height:  1095px) {

#ssfloatingicons5{
position: fixed;
bottom:53px;
left: 25px;
padding:;
z-index: 999;display:none;}

#nav-phone

#ssfloatingicons7{
position: fixed;
bottom:53px;
left: 97px;
padding:;
z-index: 999;display:none;
}}



@media all and (max-width:px)  ,screen and (max-height:  1095px) {


#ssfloatingicons8{display:block;
position: fixed;
bottom:48px;
left: 28px;
padding:;
z-index: 999;}

#ssfloatingicons15{display:block;
position: fixed;
bottom:48px;
left: 82px;
padding:;
z-index: 999;}}




@media all and (min-width:971px) {
#ssfloatingicons5{

display:none;
}

#ssfloatingicons7{

display:none;
}}




##ssfloatingicons8{position: fixed;
bottom:48px;
left: 82px;
padding:;
z-index: 999;display:block;
}
##ssfloatingicons15{position: fixed;
bottom:48px;
left: 82px;
padding:;
z-index: 999;display:block;
}

@media all and (min-width:970px) {
#ssfloatingicons8{
position: fixed;
bottom:50px;
left: 28px;
padding:;
z-index: 999;display:;
}


#ssfloatingicons15{
position: fixed;
bottom:50px;
left: 81px;
padding:;
z-index: 999;display:;
}}



@media all and (max-width:970px) {
#ssfloatingicons8{

display:none;
}

#ssfloatingicons15{

display:none;
}}




@media all and (max-width:px)  ,screen and (min-height:  1095px) {

#ssfloatingicons8{

display:non;
}

#ssfloatingicons15{

display:non;
}}






@media all and (max-width:px)  ,screen and (max-height:  1095px) {


#ssfloatingicons8{

display:block;
}

#ssfloatingicons15{

display:block;
}}







.text5 { position:fixed;top: 20px; left:33px; padding:8px; font: 15px "HelveticaNeuelight", Helvetica, Arial, sans-serif; color:#fff; font-weight: 800; letter-spacing:normal; z-index: 150;}



#film {
position: fixed;
top:34px;
right: 50px;
padding:;
z-index: 999;display:non;}


#film{
font-size:15px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial,sans-serif;   color:#fff;font-weight: normal; letter-spacing:normal;}


@media all and (max-width:1100px) {
#film
    {
        display:none;
    }}



@media all and (max-width:1095px){.text5{display:none;}}





#slider {
     position:fixed; left:0; top:0;  z-index:-999; height:100%; width:100%; 
  background-color:;
z-index:999;
    display:block;
}








  
.messageBox { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; display:;opacity:0.85;}  






.messageBoxtext {font-family: "";color:#fff;font-weight:400;

    font-size: px;
    font-style:;
}









@media all and (max-width:970px) {

.messageBoxc { display:non;}}  







@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.messageBoxc { display:block;
 } }









@media all and (max-width:970px) {

.messageBox { position:fixed; cursor:pointer;   top: 51%; left: 50%; margin-left:-205px; margin-top:-63px; background-color:;  color: #fff; width:298px; height:70px; letter-spacing:;letter-spacing:normal;   
padding:45px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 30px; -moz-border-radius: 5px; display:;opacity:1;}}  



@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.messageBox {position:fixed; cursor:pointer;   top: 50.4%; left: 50%; margin-left:-173px; margin-top:-55px; background-color:;  color: #fff; width:286px; height:55px; letter-spacing:;letter-spacing:normal;   
padding:22px;  opacity:1; filter:alpha;cursor:arrow;  z-index:9999; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity:0.85;
 } }




@media all and (max-width:970px)  ,screen and (min-height:px) { 
.slidearrows
{ display:none;} }


@media all and (max-width:px)  ,screen and (max-height:1095px) { 
.slidearrows
{ display:block;} }


.supersized{ cursor:pointer!important;}
#supersized{ cursor:pointer!important;}

#supersized-loader  { display:none; }

#supersized li.image-loading img{ visibility:hidden !important; }
#supersized { position:relative; width:500px; height:332px; }
#supersized img { position:absolute; left:0; top:0; }

  #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(/loader.gif) no-repeat center center;}
/*

    Supersized - Fullscreen Slideshow jQuery Plugin
    Version : 3.2.6
    Site    : www.buildinternet.com/project/supersized
    
    Author  : Sam Dunn
    Company : One Mighty Roar (www.onemightyroar.com)
    License : MIT License / GPL License


    
*/* { margin:0; padding:0; }
body {background:; height:100%;} img { border:; overflow-y: scrol; }
#supersized {  display:block; position:fixed; left:0; top:0;  z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; overflow-y: scroll;}
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:; top:0; left:0; width:100%; height:100%; background:#ffffff; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#supersized { cursor:pointer;}
.meny_overlay{position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #222;z-index:100;-moz-opacity: 0.8;opacity:.55;filter: alpha(opacity=80);z-index:100; display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup,
nav, section {display: block}
audio, canvas, video {display: inline-block;
*display: inline;*zoom: 1}
audio:not([controls]) {display: none}
[hidden] {display: none}
html {font-size: px;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body {margin: 0;font-size: 25px;line-height:}
body, button, input, select, textarea {font-family: sans-serif;color: #fff;}
::-moz-selection {background: #d9d9d9;color: none;text-shadow: none}
::selection {background: #d9d9d9;color: none;text-shadow: none}
a {color: #;}a:visited {color: #551a8b}
a:hover {color: #}
a:focus {outline: thin dotted}
a:hover, a:active {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
blockquote {margin: 1em 40px}
dfn {font-style: italic}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
ins {background: transparent;color: #;text-decoration: none}
mark {background: transparent;color: #;font-style: italic;font-weight: bold}
pre, code, kbd, samp {font-family: monospace, monospace;_font-family: 'courier new', monospace;font-size: 25px;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}
q{quotes: none}
q:before, q:after {content: "";content: none}
small {font-size: 25px;}
sub, sup {font-size: 25px;line-height: 0;position: relative;vertical-align: baseline}
sup {top:}
sub {bottom: -0.25em}
ul, ol {margin: 0 0;padding: 0 0 0 40px}
dd {margin: 0 0 0 40px}
nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 0}form {margin: 0}
fieldset {border: 0;margin: 0;padding: 0}
label {cursor: pointer} 
legend {border: 0;*margin-left: -7px;padding: 0}
button, input, select, textarea {
font-size: 25px;margin: 0;vertical-align: baseline;*vertical-align: middle}
button, input {line-height: normal;*overflow: visible}
table button, table input {*overflow: auto}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}
textarea {overflow: auto;vertical-align: top;resize: vertical}
input:invalid, textarea:invalid {background-color: }
table {border-collapse: collapse;border-spacing: 0}
td {vertical-align: top}
.ir {display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr}

.ir br {display: none}
.hidden {display: none !important;visibility: hidden}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before, .clearfix:after {
    content: "";
    display: tabl
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}




body, button, input, select, textarea {
    color: #fff;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 25px
}

strong, .strong {
    color: # !important
}

.disable a.active {
    color: #fff;
}

a, a:visited {
    color: #fff;
    text-decoration: none
}

a:hover, .header a.active {
    color: #; 
}

a:focus {
    outline: 0
}

h1, h2, h3 {
    font-weight: normal;
    text-align: center;
    font-size: 25px;
    line-height: px
}

input {
    font-size: inherit
}

#tiles {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0
}

#tiles li {
    width: 150px;
    cursor: pointer;
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

#tiles li.loaded {
    opacity: 1
}

#tiles li a {
    display: block
}

#tiles li img {
    display: block;
    width: 100%
}

@media(max-width:970px) {
    #tiles li img {
        height: auto
    }

    #tiles {
        margin-left: 40px;
        margin-right: 40px
    }

    #tiles li {
        width: 42.5%
    }
}

@media(max-width:970px) {
    #tiles {
        margin-left: 40px;
        margin-right: 40px
    }

    #tiles li {
        width: 100%
    }
}







#tiles li p {
    position: absolute;
    margin: 0;
    padding: 16px 0;
    width: 100%;
    text-align: center
}

#tiles li:hover img {
    opacity: .75
}

#tiles li:hover p {
    color: #fff
}

#tiles li.static {
    opacity: 1;
    position: relative;
    float: left;
    margin: 0 30px 20px
}

#tiles li.static p {
    position: static
}

#main {
    position: relative;
    width: 100%;
    padding: 7px 0 30px 0
}

.header {
    background: transparent;
    
    z-index: 999;
    position: relative
}



.header h3, .header p { position:relative;

 font-size: 50px; color:#333;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300; letter-spacing: -2px; z-index:9999;  -webkit-text-size-adjust: %;

    text-align: center;
    margin: 0 auto;
    max-width: 700px
}

.header h3 a {  position:relative;   z-index: 9999;
    display: inline-block
}

.header h3 {  width:350px;  position:relative;    z-index: 9999;
    margin-bottom: 13px
}


  @media all and (max-width:970px) {
.header h3 a
    {
font-size: 58px; color:#fff;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; 
    font-weight: 300; letter-spacing: -1px;   text-transform: ; font-weight:;  -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}}


.header h3 
    { margin-top:91px; height: 29px; }}




.header .nav-phone h3 {position:relative;
    margin-bottom: 0;
    line-height: 95px;letter-spacing:-1px; z-index:10000;
}



.header .nav-phone { position:relative; background:transparent;   font-size: 25px;  z-index:10000;
    margin-top: px;
    margin-bottom: px
}

.nav-phone {position:relative; top:144px; left:0;}



.nav-phone { position:relative;  font-size: 25px;  z-index:10000;
    margin-top: px;
    margin-bottom: px
}



.header p { z-index: ; position:relative;z-index:9999;
    margin-bottom: 13px
}

.header #results {
    margin-bottom: 0
}

.hide {
    display: none
}

.hide.in {
    display: block
}

#page-comments {
    bottom: 38px;
    color: #fff;
    height: 12px;
    position: fixed;
    left: 0;
    margin-left: 5px;
    width: 10px;
    z-index: 
}

#search {
    background: none;
    width: auto;
    text-align: center;
    border: 0;
    margin-top: -1px; display:none;
}

#search:hover, #search:focus, #search:active {
    color: #fff;
    border: 0;
    outline: 0
}



.wrapper {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 48px auto;
    text-align: left;
    line-height: 16px
}

.wrapper.article-contact {
    max-width: 535px;
    text-align: center
}

.wrapper .media {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px
}

.wrapper .media img {
    max-width: 100%;
    height: auto
}

.wrapper h1, h2, h3, h4, h5, h6 {
    color: none;
}

.wrapper h2 {
    margin: 18px 0
}

.wrapper h3 { position:relative;z-index:9999;
    font-size: 25px;
    line-height: px;
    text-align: center
}

.wrapper p, .wrapper blockquote {
    margin-bottom: .75em;
    margin-left: 20px;
    margin-right: 20px;
    color: none;
}

.wrapper blockquote {
    text-align: center
}

.wrapper table {
    margin-bottom: .75em;
    margin-left: 20px;
    margin-right: 20px;
    color: none;
    width: auto !important
}



.playicon:before {
    content: "";
    background: url(https://danielsahlberg.com/start_cross.png) transparent scroll center center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:;
    z-index: 10
}

.single-media {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin: 0 0 40px
}


#subnav a {
    padding: 0 1px
}

ul.media-list {
    width: 100%;
    max-width: 1100px;
    margin: -38px auto 23px auto;
    text-align: center;
    padding: 0
}

ul.media-list li {
    margin: 0;
    display: inline;
    text-align: center;
    list-style-type: none;
    position: relative
}

ul.media-list li img {
    margin: 50px 30px 0
}

ul.media-list li:hover img {
    opacity: .75
}

ul.media-list .playicon:before {
    height: px;
    z-index: 10
}

td {
    padding-right: 10px
}

.icon-cog {
    width: 12px;
    height: 14px;
    background: url(/static/img/icon_cog.png) transparent center center no-repeat;
    display: inline-block
}

.form-wrapper {
    width: 200px;
    margin: 0 auto
}

legend, .control-group {
    margin: 10px 0
}



.carousel { 
    width: 100%;
    height: ;
    margin: 0 auto 20px;
    z-index: 50;
    position: fixed;
    top: 0;
    background: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}




.carousel-container { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.carousel-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.carousel-stage {
    position: relative;
    top: -15px;
    height: ;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.carousel-images {
    z-index: 2
}

.carousel-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 38px
}

.carousel-image.current {
    opacity: 1
}

.carousel-image.prev {
    opacity: 0
}

.carousel-image.next {
    opacity: 0
}

.ie-ancient .carousel-image.current {
    display: block
}

.ie-ancient .carousel-image.prev {
    display: none
}

.ie-ancient .carousel-image.next {
    display: none
}

.touch .carousel-stage {
    top: 0;
    width: 100%;
    height: 
}

.touch .carousel-images {
    width: 100%;
    height: 
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.touch .animate {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.touch .noanimate {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.touch .carousel-image {
    margin: 0
}

.touch .carousel-image.prev {
    opacity: 1
}

.touch .carousel-image.next {
    opacity: 1
}

.carousel-image-inner {
    position: relative;
    width: 100%;
    height: 
}

.carousel-image img {
    position: absolute;
    z-index: 2;
    display: block
}

.carousel-image iframe {
    border: 0;
    position: absolute;
    z-index: 2;
    display: block
}

.carousel-loader {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 32px;
    width: 32px;
    margin: -16px 0 0 -16px;
    background: url(/static/img/indicator.gif) no-repeat 0 transparent
}

.carousel-info {
    z-index: 2;
    position: relative;
    margin-bottom: -15px;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 1
}

.carousel-info-text {
    background-color: transparent;
    padding: 0
}

.carousel-info-title {
    padding: 18px 20px 6px 20px;
    font-size: 25px;
    line-height: 
    text-align: center;
    color: #797979
}

.carousel-info-title a:hover {
    color: #fff
}

.carousel-info-description {
    text-align: center;
    margin: 4px auto 6px;
    max-width: 660px
}

.inactive .carousel-info {
    opacity: 0
}

.touch .carousel-info {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 
    width: 100%;
    opacity: 0;
    background: transparent;
    padding-top: 1px;
    -webkit-transform: translate3d(0px, -1px, 0);
    -moz-transform: translate3d(0px, -1px, 0);
    -o-transform: translate3d(0px, -1px, 0);
    transform: translate3d(0px, -1px, 0);
    padding-bottom: 10px;
    pointer-events: none
}

.touch .carousel-info-text {
    display: none;
    pointer-events: none
}

.touch.touched .carousel-info-text {
    display: block;
    pointer-events: auto
}

.touch.touched .carousel-info {
    opacity: .85
}

.carousel-image-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 1
}

.inactive .carousel-image-nav {
    opacity: 0
}

.carousel-image-nav.video {
    z-index: 1
}

.carousel-image-nav-left, .carousel-image-nav-right {
    cursor: pointer;
    width: 50%;
    height: 
    position: absolute;
    left: 15px;
    z-index: 2;
    background: url(/static/img/Arrow_Back_Grey.jpg) left center no-repeat scroll transparent !important
}

.carousel-image-nav-right {
    left: auto;
    right: 15px;
    background: url(/static/img/Arrow_Forward_Grey.jpg) right center no-repeat scroll transparent !important;
    z-index: 2
}

.carousel-image-nav-left:hover {
    background-image: url(/static/img/Arrow_Back_Black.jpg) !important
}

.carousel-image-nav-right:hover {
    background-image: url(/static/img/Arrow_Forward_Black.jpg) !important
}

.video iframe {
    pointer-events: all
}

.video .carousel-images {
    z-index: 2;
    pointer-events: none
}

.video .carousel-image-nav {
    z-index: 1
}

.carousel-share, .carousel-share-links {
    cursor: pointer;
    text-align: center;
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 1
}

.inactive .carousel-share, .inactive .carousel-share-links {
    opacity: 0
}

.touch .carousel-share, .touch .carousel-share-links {
    display: none
}

.collapse {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s ease-in-out;
    -moz-transition: max-height .25s ease-in-out;
    -o-transition: max-height .25s ease-in-out;
    transition: max-height .25s ease-in-out
}

.collapse.in {
    max-height: 1500px;
}

.article .collapse {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    -moz-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.article .collapse.in {
    max-height: 1500px
}

.visible-phone {
    display: none
}

.nav-collapsed {
    display: none
}

.collapsed .nav-collapsed { 
    display: block
}

.nav-expanded { 
    display: block
}

.collapsed .nav-expanded { 
    display: none
}

.collapse-toggle:before {
    content: "\25BE";
    display: inline;
    padding-right: 2px
}

.collapse-toggle.collapsed:before {
    content: "\25B8";
    display: inline
}

h3.collapse-toggle {
    margin-bottom: 0;
    margin-top: px
}

@media(max-width:970px) {
    .visible-phone {
        display: block
    }

    .hidden-phone {
        display: none !important
    }

    ul.media-list {
        margin-top: -43px;
        margin-left: 20px;
        margin-right: 20px;
        width: auto
    }

    ul.media-list li img {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: auto
    }

    #search {
        width: auto !important
    }
}

.ui-autocomplete {
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    overflow: visible;
    height: 0;
    left: 0 !important
}

.ui-autocomplete li {
    overflow: hidden;
    cursor: pointer;
    text-align: center
}

.ui-autocomplete li a {
    line-height: 12px;
    display: inline-block;
    padding: 2px 2px
}

.ui-autocomplete .ui-state-hover {
    color: #fff
}




.visible-phone a { position:relative;color:#;
font-size: 45px;   z-index: 9999;

}


header{font-size: 25px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300; letter-spacing: -1px;   -webkit-text-size-adjust: %;}

.nav-phone { position:relative;  font-size: 25px;  z-index: 10000;
    margin-top: ;
    margin-bottom: px
}

    .nav-collapsed{ margin-top:186px;; margin-left:1px;     height: 138px;
}


.nav-expanded {
    
}







.nav-expanded {position:relative; margin-top:205px; top:2px;  display:block; height:52px; line-height:px; z-index:9999; }

.tel a {font-family: "HelveticaNeue"font-size: 500px;}

.visible-phone {position:relative;  z-index: 9999;
    
}







#ssfloatingicons1{position: fixed;bottom: 13px;right: 0;padding: 8px;z-index: 10;}



@media all and (max-width:1040px)  ,screen and (max-height:  855px) {
#topNav nav .folder .subnav1{

 position: absolute; width:705px; top:42px;margin-left:-288px; background:#fff; height: 0; overflow: hidden; opacity: 0.8; display:none!important; /*margin-top: -(@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2;*/}


    }




@media all and (max-width:1040px)  ,screen and (max-height:  855px) {
#topNav nav .folder .subnav3 {position: absolute;  width:850px; top:42px;margin-left:-524px; background:#fff; height: 0; overflow: hidden; opacity: 0.8; /*margin-top: -(@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2;*/display:; display:none!important;}


    
}


body {overflow-x: hidden; overflow-: hidden;}
html { overflow-x: hidden; overflow-: hidden;}
#mobileNav{ position:relative;z-index: 9999;} 
#prevslide, #nextslide{ 
position:fixed;height:650px; width:100%; top:25%; margin-top:-21px; opacity:1;}
#prevslide{ right:50%; background:url('');background-repeat:no-repeat;z-index: 100;}
#nextslide{ left:50%; background:url('');background-repeat:no-repeat;z-index: 555;}
#prevslide:active, #nextslide:active{ margin-top:-21px;}
#prevslide:hover, #nextslide:hover{cursor:pointer;}
#copyright{color:#fff; font:8px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:regular; position: fixed; bottom: 0px; right:5px; padding: 5px; z-index: 10;}
#ssfloatingicons{ height:20px; with:108px; position: fixed; bottom: 50px;left: 50px; padding: 5px;z-index: 100;}

html {overflow:hidden;}html {margin: 0; padding: 0;}html { overflow-x: hidden;}
body { background: #fff;font: 10px/10px "Helvetica Neue", Arial, sans-serif; margin: 0; padding: 0; color: #; text-transform:none;}
.text { position: absolute; margin: 93px 0 0 100px; opacity: 0;}
.standard a body {opacity: 0.9; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out; transition: all .2s ease-out;}
.standard a:hover span.description {display: block;}
strong {font-weight: bold;}
a {text-decoration: none;outline: none;color: #;display: block;}
#ssfloatingicons1{position: fixed;bottom: 13px;right: 0;padding: 8px;z-index: 10;}
#topNav .main-nav li { margin-left: 0; margin-left: px;}
font-size: 25px; margin-left:px;line-height:em;  }
#topNav { position:absolute;top:px;margin-left:px;float: left;}
#topNav {position: relative; line-height: px}
#topNav nav { position: relative; left:px; top:-3px; margin-top: ; float: ;}
#topNav nav li { float: left; margin-right: px;position: relative;}
#topNav nav li a { line-height: px;display: inline-block;}
#topNav nav .folder > a {cursor: pointer;z-index: 99999;}
#topNav nav .folder .subnav {position: absolute; width:785px; top:42px;left:-px; background:#fff; height: 0; overflow: hidden; opacity: 0.8; /*margin-top: -(@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2;*/}
#topNav nav .folder ul { }
#topNav nav .folder ul li {}
#topNav nav .folder ul li a {line-height:px; }
#topNav nav .folder:hover .subnav, 
#topNav nav .folder:hover .white, 
#topNav nav .folder .subnav:hover { color:#fff;opacity:1;text-decoration: none; cursor: pointer;z-index: 9999; height: auto !important;}
#topNav {position: relative; line-height: px}
#topNav nav { position: relative; left:px; top:-px; margin-top: ; float: ;}
#topNav nav li { float: left; margin-right: px;position: relative;}
#topNav nav li a { line-height: px;display: inline-block;}
#topNav nav .folder > a {cursor: pointer;z-index: 99999;}
#topNav nav .folder .subnav1 {position: absolute; width:850px; top:42px;margin-left:-370px; background:#fff; height: 0; overflow: hidden; opacity: 0.8; /*margin-top: -(@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2;*/ display:none}
#topNav nav .folder ul { }
#topNav nav .folder ul li { margin-left:px;}
#topNav nav .folder ul li a {line-height:px; margin-left:px;}
#topNav nav .folder:hover .subnav1, 
#topNav nav .folder:hover .white, 
#topNav nav .folder .subnav1:hover { color:#fff;text-decoration: none; cursor: pointer;z-index: 9999; height:725px !important;}
#topNav {position: relative; line-height: px}
#topNav nav { position: relative; left:px; top:-px; margin-top: ; float: ;}
#topNav nav li { float: left; margin-right: px;position: relative;}
#topNav nav li a { line-height: px;display: inline-block;}
#topNav nav .folder > a {cursor: pointer;z-index: 99999;}
#topNav nav .folder .subnav3 {position: absolute;  width:850px; top:42px;margin-left:-524px; background:#fff; height: 0; overflow: hidden; opacity: 0.8; /*margin-top: -(@site-title-font-font-size*1.2 - @nav-font-font-size*2)/2;*/display:none; }
#topNav nav .folder ul { }
#topNav nav .folder ul li { margin-left:px;}
#topNav nav .folder ul li a {line-height:px; margin-left:px;}
#topNav nav .folder:hover .subnav3, 
#topNav nav .folder:hover .white, 
#topNav nav .folder .subnav3:hover { color:#fff;text-decoration: none; cursor: pointer;z-index: 9999; height:auto !important;}
#topNav {position: relative; line-height: px}
#topNav nav { position: relative; left:px; top:-px; margin-top: ; float: ;}
#topNav nav li { float: left; margin-right: px;position: relative;}
#topNav nav li a { line-height: px;display: inline-block;}
#topNav nav .folder > a {cursor: pointer;z-index: 99999;}
#topNav nav .folder .subnav1 {position: absolute; z-index:9999;display:;}




#topNav nav .folder .subnav1 {overflow-y:hidden;}

#topNav nav .folder .subnav3 {overflow-y:hidden;}








#colors a.black{color:#333;text-decoration: none;}
#colors a.black:hover, #navigation a:hover {color:#333;text-decoration: none;}
#colors a.white{color:#fff;text-decoration: none;}
#colors a.white:hover, #navigation a.blue:hover {color:#fff;text-decoration: none;}
#colors a.blue{color:#bcd5ff;text-decoration: none;}
#colors a.blue:hover, #navigation a.blue:hover {color:#c5dbff;text-decoration: none;}
#colors a.yellow{color:#fcf148;text-decoration: none;}
#colors a.yellow:hover, #navigation a.yellow:hover {color:#fcf148;text-decoration: none;}
#colors a.contactlink{color:#333;text-decoration: none;}
#colors a.contactlink:hover, #navigation a:hover {color:#fff;text-decoration: none;}
#mobileMenuLink { display: none;}
#mobileNav {position:fixed; width:100%; height: 0;overflow: hidden;}
[hidden] {
  display: none;}
nav ul,
nav ol {list-style: none;list-style-image: none;}

  
#fotograftop{  width:291px; margin-top:px;
    
    padding:19px;
    

   
}



#social{ position:absolut; margin-:px; margin-left:570px; z-index: 9999;} 


body {overflow-x: hidden; overflow-: hidden;}
html { overflow-x: hidden; overflow-: hidden;}

#fotograf{ position:absolut; margin-top:28px; margin-left:46px; width:438px; z-index: 99;} 

#mobileNav{ position:relative;z-index: 9999;} 

#prevslide, #nextslide{ 
position:fixed;height:650px; width:85%; top:25%; margin-top:-21px; opacity:1;}
#prevslide{ right:50%; background:url('');background-repeat:no-repeat;z-index: 100;}
#nextslide{ left:48%; background:url('');background-repeat:no-repeat;z-index: 555;}
#prevslide:active, #nextslide:active{ margin-top:-21px;}
#prevslide:hover, #nextslide:hover{cursor:pointer;}
                
#slidecounter { float:left; color:#; font:15px "Helvetica Neue", Helvetica, Arial, sans-serif; 0; margin:0px 10px 0 15px; line-height:42px; }
#slideshow { overflow:hidden; float:left; color:#fff; font:400 18px "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left:55px; line-height:5px; padding:10px; display:inline; background:url('images/bg-black.png');}

#copyright{color:#fff; font:8px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:regular; position: fixed; bottom: 0px; right:5px; padding: 5px; z-index: 10;}



html {overflow:hidden;}
html {margin: 0; padding: 0;}
html { overflow-x: hidden;}
body { background: #fdfdfb;font: 10px/10px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #; text-transform:none;}

.text { position: absolute; margin: 93px 0 0 100px; opacity: 0;}

.standard a body {opacity: 0.9; -webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out; transition: all .2s ease-out;}
.standard a:hover span.description {display: block;}

strong {font-weight: bold;}

a {text-decoration: none;outline: none;color: #;display: block;}

.copytext{font: 8px "Helvetica Neue", Arial, sans-serif; color:#fff; position:fixed; bottom: 30px;right:30px; padding:8px; letter-spacing:normal; z-index: 150; display: none;}




.site-alignment-right.header-navigation-stacked #topNav .main-nav li { margin-left: 0; margin-left: px;}



  
#fotograftop{  width:291px; margin-top:px;
    
    padding:19px;
    

   
}





body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}

#footer {
    position: absolute;
    bottom: 0;
}

h2 {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#;font-weight: bold;
}


h4 {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;font-weight:normal;
}
h5 {font-size:9px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;font-weight:normal;

}


h16 { ; 
 font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;font-weight: normal; line-height:15px;
}
h17 {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444;font-weight:normal;line-height:15px;


z-index: 10;

}

h10 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#444; font-size:15px!important; font-weight:400; -webkit-text-size-adjust: 100%;}

h19{font-size:15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444;font-weight:400; -webkit-text-size-adjust: 100%;}


h18 {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;font-weight: normal; line-height:15px; letter-spacing:normal;-webkit-text-size-adjust: 100%;
}

h20 {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;font-weight: normal; line-height:15px; letter-spacing:normal;-webkit-text-size-adjust: 100%;
}


h25 { font-size:13px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#; font-weight:normal font-weight: bold; letter-spacing:normal; -webkit-text-size-adjust: 100%;}

.contactlink a {font-size: 11px font: "Helvetica Neue", Helvetica, Arial, sans-serif;}


#contactlayer{ position:relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: normal; letter-spacing: 0px; font-family: "Helvetica Neue"; padding:15px;
line-height:px;height:560px; font-weight: 400; font-style: normal;font-size: 11px;color: #;}

#ssfloatingicons5{
position: fixed;
bottom:53px;
left: 25px;
padding:;
z-index: 999;display:;
}

#ssfloatingicons7{
position: fixed;
bottom:53px;
left:98px;
padding:;
z-index: 999;display:;
}



.messageBoxarrow{    position: absolute;
    left: 0px;
    top: 0px;
 
  z-index: 553;

    
    height:1px;
    width: 5px;
  

position:fixed; cursor:pointer; font: px "Helvetica Neue", Helvetica, Arial, sans-serif;  top: 50%; left: 50%; margin-left:315px;  margin-top:-32px;  opacity:1; filter:alpha;cursor:arrow; }  

#floatingiconssocial3{
position:absolute ;

bottom: 62px;
left:678px;
padding:8px;
z-index: 10;display:none;
}
#floatingiconssocial4{
position:absolute ;
bottom: 12px;
left:678px;
padding:8px;
z-index: 10;display:none;
}

#floatingiconssocial7{
position:absolute ;

bottom: 61px;
left:726px;
padding:8px;
z-index: 10;display:none;
}
#floatingiconssocial8{
position:absolute ;
bottom: 11px;
left:726px;
padding:8px;
z-index: 10;display:none;
}




.arrow { position:relative;  display:non;
 height:12px; margin-left:105px; margin-top:-33px;
width: 15px;  
  }




#slidecaption{font-size:15px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial,sans-serif;   color:#fff;font-weight: normal; letter-spacing:normal;}

.messageBoxarrow{
 
  z-index: 5; opacity:0.8;

    
    height:80px;
    width: 80px;position:fixed; cursor:pointer; top: 50%; left: 50%; margin-left:201px;  margin-top:-45px;  opacity:1; filter:alpha;cursor:arrow; z-index: -1; display:;} 


#topNav { position:relative; top:-15px; px;z-index: 9999;}



html { -webkit-font-smoothing: antialiased; }


html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}






#headernav a {  font-size: 24px; color:#fff;   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Helvetica, "Arial", Arial,  sans-serif;
    font-weight: ; letter-spacing:-1;   -webkit-text-size-adjust: 100%;}







#headernav {position:relative; display: block; width:670px; height:px; margin-top:-3px; left:19px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index:;overflow:}



#headernav{ line-height:45px;  z-index:999; z-index: 10000;}





.visible-phone {font-size: 50px;}



@media all and (-width:970px) {
#slidecaption
    {
       font-size: 13px; display:none
    }
}



@media all and (max-width:970px) {
#headernav 
    {
        display:none;
    }
}


@media all and (max-width:970px) {
#Nav
    {
        display:none;
    }
}






@media all and (max-width:px)  ,screen and (max-height:  1095px) {
#Nav {display:block; 
    
    }
}





@media all and (max-width:px)  ,screen and (max-height:  1095px) {
#Nav {display:block; 
    
    }
}


@media all and (max-width:970px) {
#ssfloatingicons
    {
        display:none;
    }
}




@media all and (max-width:970px) {
.copytext
    {
        bottom:25px; display: none;
    }
}


@media all and (max-width:970px) {
#messageBox 
    {
        display:non;
    }
}
@media all and (max-width:970px) {

.arrow { position:relative;  display:non;
 height:12px; margin-left:105px; margin-top:-36px;
width: 15px;  
  }
  }














#container {position:relative; left:-px; top:-60px; cursor:pointer;}


.nav-collapse-toggle collapsed{position:relative; left:-300px;}



contactlayersite .a {font-size:11px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#;font-weight: normal; line-height:15px; letter-spacing:normal;
}




h20 a:link { font-size: 111px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300; letter-spacing: -1px;   -webkit-text-size-adjust: 100%;}


#colors a.contact{font-size: 11px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#; 
    font-weight: 300; letter-spacing:normal;   -webkit-text-size-adjust: 100%;}



.close h50 {
  font-size: 68px; position: relative;
  font-weight: bold; top:-7px;
  color: #fff; 
 }



@media all and (max-width:970px) {
body
    {
    overflow-y:scrol;   
    }
}





.toplogo {position:relative; 

    color:#333;  
    box-sizing: border-box;
    background: transparent;
    font:21px "Helvetica", Helvetica, Arial, sans-serif; 
    font-weight: 300;  
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-transform:; letter-spacing:-1px;


display: block; width:225px; height:50px; margin-top:17px; top:1px; left:35px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde
-webkit-text-size-adjust: %; }


.toplogo {cursor:pionter;}

.toplogo a { -webkit-text-size-adjust: 100%;}



@font-face {
    font-family: ;
    src: url(https://danielsahlberg.com/Helvetica.ttf);
}




@media all and (max-width:970px) {
.toplogo 
    {
       position:relative; 

    color:#fff;
    box-sizing: border-box;
    background: transparent;
    font: 58px "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; 
    font-weight: 300; letter-spacing: -1px;   -webkit-text-size-adjust: 100%;
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-transform:; letter-spacing:-1px;


display: block; width:550px; height:50px; margin-top:31px; left:58px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde }}



@media all and (max-width:px)  ,screen and (max-height:  1095px) {


.toplogo {position:relative; 

    color:#333;
    box-sizing: border-box;
    background: transparent;
    font:21px "Helvetica", Helvetica, Arial, sans-serif; 
    font-weight: 300;  
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-transform:; letter-spacing:-1px;


display: block; width:225px; height:50px; margin-top:17px; top:1px; left:35px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde
-webkit-text-size-adjust: %; } }

    

.toplogo a {font-family: 'Helvetica Neue', Helvetica Neue, Helvetica, Arial, sans-serif; color:#f8f8f8;display:non;}



@media all and (max-width:px)  ,screen and (max-height:1095px) {


#container {display:none; }}
#ssfloatingicons{
position: fixed;
bottom: 34px;
left: 23px;
padding: px;
z-index: 9999; cursor:pointer; display:none;
}
#slidecaption{  
position: fixed;
bottom:23px;
left:25px;
padding:;
z-index: 999;
color:#fff; font:300 16px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-color:#fff;  font-weight:; 
line-height:21px;    z-index: 999;}
@media all and (min-width:971px)  ,screen and (max-height: 1095px) {
.light
    {
        display:none!important;
    }
@media all and (min-width:971px)  ,screen and (max-height:  1095px) {
.meny_overlay
    {
        display:none!important;
    }
}
@media all and (min-width:971px) 
.meny_overlay
    {
        display:none!important;
    }
}}
@media all and (max-width:1554px) {
#slidecaption{  
position: fixed;
bottom:23px;
left:25px;
padding:;
z-index: 999;
color:#; font:300 15px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;   font-weight:; 
line-height:21px;    z-index: 999;}}
@media all and (max-width:970px) {
#slidecaption{
position: fixed;
bottom:23px;
color:#; font:300 25px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;  font-weight:; line-height:21px;    z-index: 999;}}
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
#slidecaption{font-size:15px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;   color:#fff;font-weight: normal; letter-spacing:normal;}
#play-button{ 
position:relative;
height:px; 
width:px;
bottom:3px;
margin-top:1px;
margin-left: 0px;
padding:;
z-index: 999;}
#play-button:hover{ background:url('img/play_snap.pn');background-repeat:no-repeat; cursor:pointer; z-index: 9999;}
.containertext{ position:relative;width:px;top:-5px; margin-left:px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}
html {overflow-: scroll; }
#page-wrap {margin: 0 auto;}
htm{ height:101%; }
htm {overflow-: scroll; }
#page-wra {margin: 0 auto;}
htm {overflow-: scroll; }
#scrol {position: absolute;top: 0;bottom: -0.1px;width: 1em;z-index: -1;}

htm {height: 102%;}}
html {overflow-y:scroll!important;}

.slidearrows{ display:none;} 




.header { margin-top:-15px;}




#headernav a {  font-size: 24px; color:#fff;   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Helvetica, "Arial", Arial,  sans-serif; font-weight:200;
    font-weight: ; letter-spacing:-1;   -webkit-text-size-adjust: 100%;}




#headernav {position:relative; display: block; width:670px; height:px; margin-top:-85px; left:19px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index:;overflow:}



#headernav{ line-height:45px;  z-index:999; z-index: 10000; display:none; }



#colors a.black{color:#333;text-decoration: none;}
#colors a.black:hover, #navigation a:hover {color:#333;text-decoration: none;}
#colors a.white{color:#fff;text-decoration: none;}
#colors a.white:hover, #navigation a.blue:hover {color:#fff;text-decoration: none;}
#colors a.blue{color:#bcd5ff;text-decoration: none;}
#colors a.blue:hover, #navigation a.blue:hover {color:#c5dbff;text-decoration: none;}
#colors a.yellow{color:#fcf148;text-decoration: none;}
#colors a.yellow:hover, #navigation a.yellow:hover {color:#fcf148;text-decoration: none;}
#colors a.contactlink{color:#333;text-decoration: none;}
#colors a.contactlink:hover, #navigation a:hover {color:#fff;text-decoration: none;}

#messageBox{ display: non;} 
#newstext{ display: non!important;} 






#container img {
  width:70px; position: relative;
  height: 128px; 
  
  
  margin: 0 auto;
}





        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
       
          
          html, body {
                      margin: 0;
                      padding: 0;
                      overflow: hidden;  overflow-y: hidden!important;
                      height: 100%;
                       width: 100%;
         }


       html {
                       overflow-y: hidden!important;overflow-x: hidden!important;
         }



        body, html {
            height: 100%;
            width: 100%;
            overflow: hidden;
            font-family: 'Helvetica Neue', Arial, sans-serif;-webkit-text-size-adjust: 100%;
        }

        .slideshow-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

.slideshow-container {
    opacity: 0;
    transition: opacity 0s ease-in-out;
}

.slideshow-container.loaded {
    opacity: 1;
}






        

        .slide {
            display: none;
            width: 100%;
            height: 100%;
        }

        img, .video-slide {
            object-fit: cover ;
            width: 100%;
            height: 100%;
        }


      .slideshow-container img {
            object-fit: cover ;
            width: 100%;
            height: 100%;
        }

       
        b, strong {
        font-weight: bold
         }






        /* Menu Styles */
        .menu {
            position: ;
            top:px;
            left:;
            transform: translateX(-%);
            z-index: 9999;
            
        }

        .menu ul {
            list-style: none;
            display: flex;
            gap: px; /* Increased gap between links */
        }

        .menu li {
            font-size: 38px; /* Updated font size for menu */
            cursor: pointer;
            position: relative;
            
            font-weight: ;   margin-left:px;
        }
         




           .menu  li {
             display:block;
             width:px;
             float:left; text-align: center;
             margin-left:8px;
             border:px solid #; display: non;
           }
           
           
           
           
           .menu a {  font-size: 38px; color:#444;   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", Helvetica, Arial,  sans-serif;
           font-weight: ; letter-spacing:-2px;  font-weight:300;  -webkit-text-size-adjust: 100%;}
           
           
           
           
           
           
           
           .menu  { position:relative; display: block; width:805px; height:px;  left:-41px; top:55px; margin-left: auto ; margin-right: auto ; cursor:pointer; z-index:;overflow:}
           
          
          
          
          
          
          







      

        .menu a:hover {
            color: #fff; /color for hover */
            transform: scale();
        }

        .menu.white-theme li a {
            color: white;
        }

        .menu.black-theme li a {
            color: black;
        }

        /* Menu Links Specific Styles */
        .menu a.blue {
            color: blue; /* Blue color for Advertising */
        }

        .menu a.yellow {
            color: yellow; /* Yellow color for Films */
        }


        


        /* Menu Description Below */
        .menu-description {
            position: relative; margin: auto; 
            top: 82px;
            left: -3px;
            transform: translateX(%);
            font-size: 15px;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: white;
            text-align: center;
            z-index: 1000;
            white-space: nowrap; /* Prevent wrapping of description */
            overflow: hidden; /* Ensure no overflow */
            text-overflow: ellipsis; /* Add ellipsis if text overflows */
            max-width: 90%; /* Limit the width of the description */
            font-family: "Helvetica", Helvetica, Arial, sans-serif;  font-size: 15px; font-weight:200; letter-spacing:-1px;  -webkit-text-size-adjust: 100%;


              position:relative;  font-family: "Helvetica";  font-size: 15px; font-weight:200; color:#fff; display: block;

             line-height:18px;   text-align: center;
             z-index:999;




        }





        .menu-description.white-theme {
            color: white;
        }

        .menu-description.black-theme {
            color: #333;
        }

        /* Button Styles */
        .see-work-button {
            position: fixed; font-family: "Helvetica", Helvetica, Arial, sans-serif;  font-size: px; font-weight:200; letter-spacing:-1px;  -webkit-text-size-adjust: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 15px 30px;
            font-size: 21px;
            font-weight: 800;
            color: white;
            background-color: transparent; /* Transparent background */
            border: 2px solid white; /* White border */
            cursor: pointer;
            transition: background-color 0.9s ease;
            text-transform: uppercas; /* Optional: Capitalizes the text */
position:fixed; cursor:pointer;   top: %; left: %; margin-left:px; margin-top:-px; background-color:;  color: #fff; width:305px; height:105px; letter-spacing:;letter-spacing:normal;   
padding:px;  opacity:1; filter:alpha;cursor:arrow;  z-index:; border-style: solid;
    border-width: 7px;  -webkit-border-radius: 55px; -moz-border-radius: 5px; display:;opacity:0.85;z-index:9999;-webkit-text-size-adjust: 100%; z-index: 999;


        }





        .see-work-button.white-theme {
            color: white;
            border-color: white;
        }

        .see-work-button.black-theme {
            color: #333;
            border-color: #333;
        }

        .see-work-button:hover {
            background-color: #f1f1f1;  background-opacity:0,5;/* Background changes to white on hover */
            color: ; /* Text color changes to dark gray on hover */
            transform: scale(); /* Slightly enlarge button on hover */position:fixed; cursor:pointer;   top: ; left: ; margin-left:px; margin-top:-px; background-color:;  color: ; width:315px; height:115px; letter-spacing:;letter-spacing:normal;   
padding:px;  opacity:1; filter:alpha;cursor:arrow;  z-index:; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 55px; -moz-border-radius: 5px; display:;opacity:0.75;z-index:9999; 
        }

        /* Title Styles */
        .title {
            position: fixed;
            bottom: 27px;
            left: 25px;
            
            font-weight: ;
            color: white;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            z-index: 1000;
            white-space: nowrap; font-size: 25px; -webkit-text-size-adjust: 100%; 
        }

        .title.white-theme {
            color: white;
        }

        .title.black-theme {
            color: #333;
        }

          .slide-counter {
            position:fixed; 
            margin: aut; 
            width: px; 
            bottom: 35px;
            right: 55px;
            font-weight:800 ;
            color: white;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            z-index: 1000;
            white-space: nowrap; font-size: 30px; -webkit-text-size-adjust: 100%;
        }

        .slide-counter.white-theme {
            color: white;
        }

        .slide-counter.black-theme {
            color: #333;
        }



        /* Left and Right clickable areas */
        .clickable-area {
            position: absolute;
            top: 0;
            width:57%;
            height: 100%;
            z-index: 10;
            cursor: pointer;
        }

        .left-area {
            left: 0;
        }

        .right-area {
            right: 0;
        }



@font-face {
    font-family: ;
    src: url(https://danielsahlberg.com/Helvetica.ttf);
}


html { -webkit-font-smoothing: antialiased; }


html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





/* Specific mobile adjustments */
@media (max-width: px) {
    .video-slide {
        object-fit: cover;
        width: 100%;
        height: auto;
    }
}



@media (max-width: 768px) {
    .video-slide {
        display: block; /* Ensure it's not set to display:none */
    }
}

.swetext {
text-orientation: mixed;
writing-mode: vertical-rl;}
.swetext {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;font-weight:600;  margin-left:-px;  margin-top:px; 
font-size: 25px; line-height:30px; font-style:underline; text-decoration: background-color:; ;  transform: translateX(-50%);  text-overflow: ellipsis; 
position:fixed; margin:auto; height: 550px; width:50px; bottom:115px; left: 55px top:px;  top:-px; -webkit-text-size-adjust: 100%; }

.swetext.black-theme {
    color: white;
}

/* White theme for swetext */
.swetext.white-theme {
    color: white;
}

        /* Top Logo Styles */
        .top-logo {
            position: fixed;
            top: 15px;
            left: 49.9%;
            transform: translateX(-50%);
            z-index: 1000;
            font-family: 'Helvetica Neue', Arial, sans-serif;
            font-size: 12px;  font:12px "Helvetica", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%;
    font-weight: 400;  
            text-align: center;
    font:12px 'HelveticaNeue', Helvetica, HelveticaNeue, Helvetica Neue, Arial, sans-serif;-webkit-text-size-adjust: 100%;
    font-weight: 400;  
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-transform:; letter-spacing:normal; line-height:17px;


display: block; width:500px; height:50px; margin-top:9px; top:-px;  left:-px;   text-align:center; line-height: px; margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde
-webkit-text-size-adjust: %; 


        }

        .top-logo.white-theme {
            color: white;
        }

        .top-logo.black-theme {
            color: #333;
        }

/* Small Text Below the SEE WORK Button */
.small-text {
    font: 8px "Helvetica", Helvetica, Arial, sans-serif;  /* Small text */
    color: white;
    font-weight: 400;
    opacity: 0.85;
    margin-top: 2px; /* Space between button text and small text */
     -webkit-text-size-adjust: 100%;
}

    .black-theme {
            color: #333;
        }

        .white-theme {
            color: white;
        }


.instagram {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100px;  /* Adjust the width of the image */
            height: 100px; /* Adjust the height of the image */
        }


.instagram {
position: fixed; height: 105px; width: 105px;
bottom:50px;
left: 18px;
padding:;
z-index: 999;display:;
}



@media all and (max-width:971px) {
.instagram 
    {     position: fixed; bottom:101px; left: 23px; z-index: 99;display:; width:115px; height:115px; }}

@media all and (max-height:1095px) {
.instagram 
    {      position: fixed; bottom:54px; left: 25px; z-index: 99;display:; width:75px; height:75px; }}






@media all and (max-width:971px) {
.top-logo
    {   position:relativ; left: 49.9%   height:40px; width:px; top: px; text-align: center; left:px; z-index: 9999; margin-left: auto; margin-right: auto;  opacity:; 
        margin-top:28px;font-size:40px;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; color:#f; font-weight:300; text-align: cente; line-height:50px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}}






@media all and (max-height:1095px) {
.top-logo
    {   position:relativ;   height:85px; width:px; top: px; left:; text-align: center; z-index: 9999; margin-left: auto; margin-right: auto;opacity:; p
        margin-top:px;font-size:12px;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; color:#; font-weight:400; text-align: cente; line-height:17px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}}





@media all and (max-height:1095px) {
.top-logo
    {   margin-top: 9px}}












@media all and (max-width:970px) {
#menu
    {   display: none;}}

@media all and (max-height:1095px) {
#menu
    {    display:block;}}






@media all and (max-width:970px) {
#menu-description
    {   display: none;}}

@media all and (max-height:1095px) {
#menu-description
    {    display:block;}}




@media all and (min-height:995px) {
.see-work-button
    {  font-size: 21px;  width:300px; height:95px;-webkit-text-size-adjust: 100% }}


@media all and (min-height:995px) {
.see-work-button
{   font-size: 40px; width:405px; height:150px; border-width: 8px;  -webkit-text-size-adjust: 100%}} 






@media all and (max-width:971px) {
.see-work-button:hover 
    {        background-color: #f1f1f1;  background-opacity:0,5;/* Background changes to white on hover */
            color: ; /* Text color changes to dark gray on hover */
            transform: scale(); /* Slightly enlarge button on hover */position:fixed; cursor:pointer;   top: ; left: ; margin-left:px; margin-top:-px; background-color:;  color: ; width:300px; height:105px; letter-spacing:;letter-spacing:normal;   
padding:px;  opacity:1; filter:alpha;cursor:arrow;  z-index:; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 55px; -moz-border-radius: 5px; display:;opacity:0.75;z-index:9999; 
        } }


@media all and (min-height:995px) {
.see-work-button:hover 
    { 
            background-color: #f1f1f1;  background-opacity:0,5;/* Background changes to white on hover */
            color: ; /* Text color changes to dark gray on hover */
            transform: scale(); /* Slightly enlarge button on hover */position:fixed; cursor:pointer;   top: ; left: ; margin-left:px; margin-top:-px; background-color:;  color: ; width:405px; height:155px; letter-spacing:;letter-spacing:normal;   
padding:px;  opacity:1; filter:alpha;cursor:arrow;  z-index:; border-style: solid;
    border-width: 8px;  -webkit-border-radius: 55px; -moz-border-radius: 5px; display:;opacity:0.75;z-index:9999; 
        } }






@media all and (min-height:995px) {
#small-text
    {    font-size: 13px;  }}



@media all and (max-width:971px) {
#small-text
    {   font-size: 8px;  }}



@media all and (min-height:995px) {
#small-text
{      font-size: 13px;  }}









@media all and (max-width:970px) {
#title
    {   font-size: 38px; width:px; height:150px; bottom:-78px; left:31px; z-index: 99; -webkit-text-size-adjust: 100%}}







@media all and (max-height:1095px) {
#title
    {    font-size:20px;  width:px; height:95px; bottom: -51px; left: 25px; -webkit-text-size-adjust: 100%}}

  



@media all and (max-width:970px) {
#slide-counter
    {   font-size: 40px; width:px; height:150px; bottom:-78px; right:50px; z-index: 99; -webkit-text-size-adjust: 100%}}







@media all and (max-height:1095px) {
#slide-counter
    {    font-size:30px;  width:px; height:95px; bottom: -50px; right: 40px; -webkit-text-size-adjust: 100%}}

  





















@media all and (min-width:970px) ,screen and (min-height: 1205px) { 
#swetext
    {     position:fixed; margin:auto; font-size: 30px; height:650px; top:375px; left:80px; opacity: 0.9; text-overflow: ellipsis; display: block; writing-mode: }}






@media all and (min-width:971px) ,screen and (max-height: 1255px) { 
#swetext
    {     position:fixed; margin:auto;  font-size: 23px; height:550px; top:115px; left:68px; opacity: 0.9; text-overflow: ellipsis; display: block; writing-mode: }}






@media all and (max-width:1050px) ,screen and (max-height:px)  {
#swetext
{ display: none; }}




@media all and (max-width:px) ,screen and (min-height:px)  {
#swetext
{ display: none; }}


@media all and (min-width:px) ,screen and (min-height:px)  {
#swetext
{ display: none; }}




@media all and (max-width:px) ,screen and (min-height:1095px) {
#swetext
{ display:block; }}




@media all and (max-width:900px) ,screen and (max-height:730px)  {
#swetext
{ display: none; }}