/* 0style_surfmob.css */ 


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

    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: #111;z-index:100;-moz-opacity: 0.8;opacity:.80;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: -1px; 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
}


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




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



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


.nav-phone { position:relative;  font-size: 25px;  z-index:9999;
    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: 99999;
    margin-top: ;
    margin-bottom: px
}

.nav-collapsed{ 
    margin-top:650px; margin-left:9px;  
}




.nav-expanded {
    
}







.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;}


    
}


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

  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-: 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: #111;z-index:100;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);z-index:100; display:none;}

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

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

#supersized { opacity:0!important; filter: alpha(opacity=0);  -khtml-opacity: 0; -moz-opacity: 0; background:rgba(0, 0, 0, 0);

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

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

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


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

#supersized {  display:block; opacity:1!important; filter: alpha(opacity=1);  -khtml-opacity: 1; -moz-opacity: 1; background:rgba(0, 0, 0, 0);

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





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

  

#slider {
     position:fixed; left:; top:; height:100%; width:100%; left:-5000px;  margin-left:-5000px;
  background-color:yello;
z-index:-9999; 
    display:non;

}
}




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

  

.slider {
     position:fixed; left:; top:; height:100%; width:100%; left:5000px;  margin-left:-5000px;
  background-color:yello;
z-index:-9999; 
    display:non;

}
}



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

  

#slidecaption {

    display:none;

}
}

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

  

#slidecaption {

    display:block;

}
}






#clients
    {
  position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif; color:#fff; font-size: 15px; font-weight:; 
  z-index: 9999; display:block;
  height: 50px;
  width:850px;
  overflow: show;
margin-left: auto; left:-3px;
    margin-right: auto;
   
     margin-top:-82px;top:5px;
 line-height:18px;   text-align: center;
  z-index:999;
 }
 

 
.messageBox { position:fixed; cursor:pointer;   top: 50%; left: 50%; margin-left:-173px; margin-top:-35px; 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: 55px; -moz-border-radius: 55px;  display:;opacity:1;z-index:99999;}  









.messageBoxtext h55{  position: relative;  font-size: 245px; display:block; height:80px; width:285px; line-height:px;  background-color:yello;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; top:5; left:80px; font-style:underline; text-decoration: ; line-through opacity:1;z-index:9999; display:non;}




@media all and (max-width:970px) {
.messageBoxtext h55{ display:block; height:250px; width:320px; line-height:47px;    font-size:50px;  margin-left:-1px;text-align:center; top:18px; left:8px; z-index:99999;}}

@media all and (min-width:970px) {
.messageBoxtext h55{ position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif; height:px; width:px; line-height:1px;   font-family: "Helvetica";color:#fff;font-weight:600;  margin-left:px; margin-top:21px; 
font-size: 24px; font-style:underline; text-decoration: ; line-through opacity:1; z-index:9999;}}
  





@media all and (max-width:970px)  ,screen and (max-height: px) {
.messageBoxtext h55 { position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;  display:block; height:250px; width:320px; margin-left:-25px;line-height:1px;   font-family: "Helvetica";color:#fff;font-weight:600;  margin-left:px; margin-top:4px; 
font-size: 24px; font-style:underline; text-decoration: ; line-through opacity:1; z-index:9999;}}



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








.closeX h85{ position:relative; display:block; left:293px; top:-61px; font-size: 28px; font-style:underline; text-decoration: ;  height: 5px; width: 5px;line-through opacity:1;z-index:-10000; display:none; background-color:gree;  display: none; }



.closeX h85{  position:relative; display:block; font:28px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; position:relative; height: 1px; width: 1px; line-height:; margin-top:-6px;  left: 285px; z-index:-10000; display: none;}






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


.messageBoxtextc h85 { font: 8px "Helvetica Neue", Helvetica, Arial, sans-serif; fcolor: #fff; font-weight:400; }




@media all and (min-width:970px) {
.messageBoxtextc { display:non;z-index:9999;}}  



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






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

.messageBoxtextc { display:none;}}  







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


.messageBoxtextc { display:block;
 } }






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


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






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



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


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










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

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




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

#clients h8 {position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;  line-height:18px; font-size: 15px; font-weight:200;  }

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


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


#clients
    {   display:none;
       
    }
}





@media all and (min-width:970px) ,screen and (max-height: 1095px) {
#clients
    {   display:block;
        
    }
}
@media all and (max-width:970px) {
.containertake{ margin-top:-150000px;}}
@media all and (max-height:1095px) {
.containertake{ margin-top:0px;}}



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

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

#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:48px;
left: 28px;
padding:;
z-index: 999;display:;
}


#ssfloatingicons15{
position: fixed;
bottom:48px;
left: 82px;
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;
}}




@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;} }


#loading {
width: 100%;
height: 101%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: .;
background-color: #fff;
z-index: 99;
text-align: center;
}
#loading-image {
  position: fixed;
  z-index: -1;
  height: 150px;
  width: 150px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#ssfloatingiconsaboutinstagram {  display: none;}
#ssfloatingiconsaboutfacebook {  display: none;}
html{overflow-y:scroll;}
html{overflow-x:hidden;}
#ssfloatingiconsaboutinstagram {position: fixed; height:44px; width:43px; top: 50px;right: 10px;padding: 5px;z-index: 500;}
#ssfloatingiconsaboutfacebook {position: fixed;  height:44px; width:43px;  top: 95px;right: 10px;padding: 5px;z-index: 500;}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}
audio:not([controls]){display: none}[hidden] {display: none}
html {
    font-size: px;
    overflow-y: ;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
body, button, input, select, textarea {
    font-family: sans-serif;
    color: #333;}
::-moz-selection {
    background: #d9d9d9;
    color: none;
    text-shadow: none}
::selection {
    background: #d9d9d9;
    color: none;
    text-shadow: none}

a {
    color: #333;
}

a:visited {
    color: #551a8b
}

a:hover {
    color: #06e
}

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: #000;
    text-decoration: none
}

mark {
    background: transparent;
    color: #000;
    font-style: italic;
    font-weight: bold
}

pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: px;
}

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: 
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    *margin-left:;
    padding: 0
}

button, input, select, textarea {
    font-size: 25px;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: 
}

button, input {
    line-height: normal;
    *overflow: 
}

table button, table input {
    *overflow: 
}

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: ;
    vertical-align:;
    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: ;
    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:;
    width: 1px
}



.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
    }
}

@font-face {
    font-family: 'AvenirNextLTPro-Medium';
    src: url("/static/fonts/AvenirNextLTPro-Medium.otf") format("opentype")
}

@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url("/static/fonts/AvenirNextLTPro-Regular.otf") format("opentype")
}



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

strong, .strong {
    color: # !important
}

.disable a.active {
    color: #797979 !important
}

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

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

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: ;
    margin: ;
    padding: 
}

#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: #222
}

#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: px 0 px 0
}

.header {
    background: transparent;
    padding: 21px 20px 0 20px;
    z-index: 200;
    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: -1px; z-index:9999;  -webkit-text-size-adjust: %;

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

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

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


.header h3 a {  font-size: 250px; color:#333;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300; letter-spacing:-1px;   text-transform: ; font-weight:; -webkit-text-size-adjust: %; 


    -webkit-tap-highlight-color:rgba(0,0,0,0);
    


}



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



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






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



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


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


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


.header p { z-index: 400;
    margin-bottom: 13px
}

.header #results {
    margin-bottom: 0
}

.hide {
    display: none
}

.hide.in {
    display: block
}

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

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

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

#fade {
    width: 100%;
    display: none;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

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

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

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

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

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

.wrappertel h2 {
    margin: 18px 0
}

.wrappertel h3 {
    font-size: 11px;
    line-height: px;
    text-align: center
}

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

.wrappertel blockquote {
    text-align: center
}

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



.playicon:before {
    content: "";
    background: url(http://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-wrappertel {
    width: 200px;
    margin: 0 auto
}

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

.loader {
    z-index: 1;
    height: 32px;
    width: 100%;
    background: url(/static/img/indicator.gif) no-repeat center transparent
}

.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: px;
    line-height: 
    text-align: center;
    color: #797979
}

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

.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 { margin-top:px;
    display: block
}

.collapsed .nav-expanded { margin-top:30px;
    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: #222
}




.visible-phone a { position:relative;color:#fff;
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: 9999;
    margin-top: ;
    margin-bottom: px
}

.nav-collapsed{ 
    margin-top:145px;; margin-left:6px;     height: 138px;
}




.nav-phone {position:relativ;  top:138px;}

.tel a {font-family: "Helvetica", Helvetica, Arial, sans-serif; font-size: 500px;}



.nav-expanded {position:relative; margin-top:155px; top:26px; z-index:9999; display:block; height:83px; line-height:px;}




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;
   
}





#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:31px;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:785px; top:31px;margin-left:-307px; 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 { 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: auto !important; display:none;}
#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:785px; top:31px;margin-left:-504px; 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 { 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;display:none;}
#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;}


#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:#fcf967;text-decoration: none;}
#colors a.yellow:hover, #navigation a.yellow:hover {color:yellow;text-decoration: none;}
#colors a.contactlink{color:#333;text-decoration: none;}
#colors a.contactlink:hover, #navigation a:hover {color:#333;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;} 



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

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



  
#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;
}

h15{
  font-size:14px;font-family: 'Helvetica neue'; color:#444;font-weight:400;
}
h2 {font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight: bold;
}


h4 {font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight:normal;
}
h5 {font-size:9px;font-family: 'Helvetica neue'; color:#333;font-weight:normal;

}


h16 {font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight: normal; line-height:15px;
}
h17 {font-size:11px;font-family: 'Helvetica neue'; color:#444;font-weight:normal;line-height:15px;

position:absolute ; 
top: 73px;
left:392px;
padding:px;  height:700px; width:200px;
z-index: 10;

}


h18 {font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight: normal; line-height:15px; letter-spacing:normal;
}

h20 {font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight: normal; line-height:15px; letter-spacing:normal;
}



.contactlink a {font-size: 11px font: "Helvetica Neue";}


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

#ssfloatingicons5{
position: fixed;
top:23px;
right: 0px;
padding:;
z-index: 10;
}


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

    
    height:1px;
    width: 5px;
  

position:fixed; cursor:pointer; font: px "Helvetica neue", 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;
}
#floatingiconssocial8{
position:absolute ;
bottom: 11px;
left:726px;
padding:8px;
z-index: 10;
}









#slidecaption{font-size:15px;font-family: 'Helvetica neue'; color:;font-weight: normal;}

.messageBoxarrow{
 
  z-index: 553;

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


#topNav { position:relative; z-index:;}





.toplogo {cursor:pionter;}





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


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




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





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




#headernav a {  font-size: 38px; color:#fff;   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%;}







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






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


.collapsed .startarrowtel {
    display: none;
}



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





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


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





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



#container {position:relative; left:px; top:-98px; }



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



contactlayersite .a {font-size:11px;font-family: 'Helvetica neue'; color:#333;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, 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, sans-serif; color:#000; 
    font-weight: 300; letter-spacing:normal;   -webkit-text-size-adjust: 100%;}

p.fotograf {position:relative; width:418px;top:29px;margin-left: 46px;}

h2.contact { letter-spacing: 0px;font-family: "Helvetica Neue";text-transform:;font-weight: 400;font-style: normal;display: block;height: 50px;width: 1000px;margin-top:-62px;   margin-left: -49px;text-decoration:none;text-transform:;font: 25px/25px "Helvetica Neue";font-weight:;}
html {margin: 0;padding: 0;}
body {background: #f8f8f8;font: 11px/11px "Helvetica Neue", Arial, sans-serif;  font-weight: 400;
margin: 0;color: #888888;text-transform:;}

#header {width: 100%;height: 90px;background: none;position: relative;overflow: hidden;background: none;}

.text { position: absolute;margin: 93px 0 0 100px;opacity: 0;}
#header a, #navigation a { line-height:0.9em;display: inline;}

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



div.contentWrap {position:relative; margin-left:-37px; margin-top:-41px;height:550px;width: 800px;border-style:solid;border-color:white;border-width:25px;position: relative;background: #fff;}





strong {
  font-weight: bold;
}



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

a:active, a:focus {
  text-decoration: none;
}



#ssfloatingicons1{
position: fixed;
top: 55px;
left: 1px;
padding: 10px;
z-index: 10;
height:18px;
  width: 21px; display:none;


}


#start{ 
position: fixed; 
display: block;
width:470px;
height:50px;
top: 8px;
left: 35px;z-index: 10;
font: 75px/75px "Helvetica Neue";

}

.starttext{ 
font: 15px "Helvetica Neue"; 
fint-color:#f8f8f8; 
}


 #startc{ 
position: absolute;
font: 12px "Helvetica Neue"; 
top: 11px;
right: 11px;
padding: 15px;
z-index: 10;

line-height:0.4em;
width:28px; 
height:4px;

padding:px;  
background: #111;
opacity:0.8;
filter:alpha; 
 
z-index:;  
-webkit-border-radius: 5px; -moz-border-radius: 5px;}  

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}





/* the overlayed element */
#overlay {position:relative; z-index:9999;
  background: none;
  display:none; /* initially overlay is hidden */
}
html {
overflow-x: hidden;
}


/* default close button */
#overlay a.close {
  display: none;
}



html,
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figure, figcaption, hgroup, menu, header, footer, nav,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer,
header, nav, section, audio, video {
    display: block
}

a img {
    border: 0
}

figure {
    position: relative
}

figure img {
    width: 100%
}

/* Styles */

html {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    font: 11px/11px "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
    text-transform:;
}

#header {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background: none;
    position: relative;
    overflow: hidden;
    background: none;
}

.text {
    margin: 65px 0 0 5px;
    opacity: 0;
}

h1.name {
    display: inline;
    margin: 0 15px 0 0;
    font: bold 10px/10px "Helvetica Neue", Arial, sans-serif;
}

h2.contact {
    display: inline;
    font: 25px/25px "Helvetica Neue", Arial, sans-serif;

}

#header a, #navigation a {
    display: ;
}



.float {
    width: 235px;
    margin: 0 0 5px 5px;
    float: left;
    display: inline;
    background: none;
    position: relative;
    overflow: hidden;
    opacity: 0;
}


.description { display: block; height:25px; width: 500px; font: 11px/11px "Helvetica Neue", Arial, sans-serif; color:#333; margin-top:5px;margin-left:px; letter-spacing:normal;}

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

a:active, a:focus {
    text-decoration: none;
}

.standard a:hover img {
    opacity: 0.8;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}



/* Navigation */

#navigation {
    width: 100%;
    margin: 18px auto;
    background: none;
    position: relative;
    overflow: hidden;
    height: 30px;
}

#navigation .nav-previous {
    float: right;
    display: inline;
}

#navigation .nav-next {
    float: left;
    display: inline;
}

/* the overlayed element */
#overlay {
    background: none; position:relative; z-index:9999;
    display: none; /* initially overlay is hidden */
}

/* default close button */
#overlay a.close {
    display: none;
}

/* container for external content */






@media all and (max-width:970px) {
#wrapper
    {
        top:-px;
    }
}






.logo {display: block; width:895px ; margin-top:26px;margin-left:auto; margin-right: auto }




.logo img {display: block; width:895px ; margin-left:-27px; margin-right: auto }



#header {
    width: 100%;
    height: 115px;
    margin: 0 auto;
    background: none;
    position: relative;
    overflow: hidden;
    background: none;
}


div.overlay {top:-70px; left:-95px;  
    height: 668px;
    width: 1000px;
    border-style: solid;
    border-color: white;
    border-width: 25px;
    position: relative;
    background: #fff; cursor: -webkit-; cursor: -moz-; z-index:9999;
}


div.contentWrap img{  position: relative; 
    height: 668px;
    width: 1000px;
}

div.contentWrap { top:-70px; left:-95px;  
    height: 668px;
    width: 1000px;
    border-style: solid;
    border-color: white;
    border-width: 25px;
    position: relative;
    background: #fff; cursor: -webkit-; cursor: -moz-; z-index:9999;
}


.prev {
    display: block;
    height: 518px;
    width: 350px;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 20;
}

.next {
    display: block;
    height: 518px;
    width: 388px;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 20;
}

.title {
    display: block;
    background: none;
    position: absolute;
    bottom: 35px;
    left: -112px;
    z-index: 20;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
}








.description { font-size: 12px;font-family: "Helvetica Neue", Helvetica, sans-serif; 
    font-weight:normal; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

.title {
    display: block;
    background: none;
    position: absolute;
    bottom: 35px;
    left: -112px;
    z-index: 20;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none!important;  font-weight:normal!important;
}


.title { font-size: 12px;font-family: "Helvetica Neue", Helvetica, sans-serif; 
    font-weight:normal; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

.close h50{ 
color:#333; font-size:68px;}


html{overflow-y:scroll;}
html{overflow-x:hidden;}
#ssfloatingiconsaboutinstagram {position: fixed; height:44px; width:43px; top: 50px;right: 10px;padding: 5px;z-index: 500;}
#ssfloatingiconsaboutfacebook {position: fixed;  height:44px; width:43px;  top: 95px;right: 10px;padding: 5px;z-index: 500;}
@media all and (max-width:131px) {
#ssfloatingiconsaboutfacebook{display:none;}}
@media all and (max-width:131px) {#ssfloatingiconsaboutinstagram{display:none;}}


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


.header h3 
    { margin-top: 25px; width: 500px;}}





@media all and (max-width:995px) {
div.contentWrap img
    {  position:relative; z-index:-999;
       width: 800px;
    height:550px; }}
@media all and (max-width:995px) {
div.contentWrap 
    { top:-8px; left:auto;
      height: 550px;
    width: 800px;
    border-style: solid;
    border-color: white;
    border-width: 25px;
    position: relative;
    background: #fff;}}

@media all and (max-width:995px) {
.prev {
    display: none;
    height: 518px;
    width: 500px;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 20;
}}

@media all and (max-width:995px) {
.next {
    display: block;
    height: 518px;
    width: 350px;
    background: none;
    position: absolute;
    top: 0;
    right: 25px;
    cursor: pointer;
    z-index: 20;
}}
@media all and (max-width:995px) {
.title {
    display: block;
    background: none;
    position: absolute;
    bottom: -25px;
    left: -12px;
    z-index: 20;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 12px;font-family: "Helvetica Neue", Helvetica, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%;
}}






.title { font-size: 12px;font-family: "Helvetica Neue", Helvetica, sans-serif; 
    font-weight: 300; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}


a img {
    border: 0
}

figure {
    position: relative
}

figure img {
    width: 100%
}
#header a.white {color:#333;text-decoration: none;}
#header a.white:hover, #navigation a:hover {color:#333;text-decoration: ;}
#header a.black {color:#333;text-decoration: none;}
#header a.black:hover, #navigation a:hover {color:#444;text-decoration: ;}
#header a.blue{color:#bcd5ff;text-decoration: none;}#header a.blue:hover, #navigation a.blue:hover {color:#c5dbff;text-decoration: none;}
#header a.yellow{color:#fff;text-decoration: none;}
#header a.yellow:hover, #navigation a.blue:hover {color:#fff;text-decoration: none; }
.topNav a { font-size: 25px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;font-weight: 300; letter-spacing:-1px;    -webkit-text-size-adjust: 100%;  }
.topNav {position:relative; display:block; width:800px;  margin-left: auto; margin-top:-51px; left:76px;margin-right: auto;width: 850px; z-index:200;}
.logo {display:block;width:895px ; margin-left:auto; margin-right: auto }
.logo img {display: block; position:width:895px;  margin-left:-1px; margin-top:26px; margin-right: auto }
.logo img  {
display: block;
opacity: 1!important;
z-index: 500;}




.startarrowtel{ position:relative; margin-right:auto; margin-left:auto; left:180px; top:50px; width:80px; height:80px z-index:-100000;  }



    .meny_overlay{
      
      position:fixed;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index:100;
      -moz-opacity: 0.8;
      opacity:.70;
      filter: alpha(opacity=80);z-index:100; display:none;


}




#toplink a { font-family: "Helvetica Neue" Arial, sans-serif;  font-size: 30px; font-weight:bold;  color:#555!important; }


#toplink {
position:relative; text-align:center;
z-index: 9999; display:block; border:1px solid #444; padding:40px 25px 5px 25px;  top:-37px; 
border-style: solid;
    border-width: 8px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; display:;opacity:1;z-index:99999;

height:50px;
width:200px;
overflow: show;
margin-left: auto; left:px; top:-px;
margin-right: auto;
margin-top:80px;
z-index:999; cursor: pointer;}


.toplogo {position:relative; 

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


display: block; width:224px; height:50px; margin-top:px; top:-4px; left:34px;    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: %;}




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




.toplogos a {  color:#555; font-weight:; text-align: cente; line-height:px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}
   



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

    color:#fff;
    box-sizing: border-box;
    background: transparent;
    font: 58px "Helvetica Neue", "HelveticaNeue", Helvetica, 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:13px;  left:57px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde }}


.toplogo {font-family: 'Helvetica Neue', Helvetica, HelveticaNeue, Helvetica Neue, Arial, sans-serif!important; display:non;}

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


.toplogo {position:relative; 

    color:#fff;
    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:224px; height:50px; margin-top:0px; top:px; left:34px;    margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde
-webkit-text-size-adjust: %; } }
  


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


#container {display:none; }}


@media all and (max-width:px)  ,screen and (max-height:  1095px) {
#headernav {display:block;margin-top:-12px; top:-1px; }}



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






@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;
    }
}



  

#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;}







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%; 

 
 } }






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

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




#nav-phone { position:relative; z-index:99999;} 
.nav-phone { position:relative; z-index:99999;} 



#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: 55;}
#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", sans-serif; font-weight:regular; position: fixed; bottom: 0px; right:5px; padding: 5px; z-index: 10;}



html {overflow-y:scroll;}


.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: 9px "Helvetica Neue", Arial, sans-serif; color:#fff; position:fixed; bottom: 15px;right:30px; padding:8px; letter-spacing:normal; z-index: 150;}







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

#ssfloatingicons7{
position: fixed;
bottom:53px;
left: 101px;
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", 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;
}






#slidecaption{font-size:15px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 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:;} 




@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:px)  ,screen and (max-height:  1095px) {
#headernav {display:block; 
  
  }
}

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


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




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


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



#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, sans-serif;  font-color:#fff;  font-weight:; 


line-height:21px;    z-index: 999;}



#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 23px "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%;}







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




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

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


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


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

  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: px) and (max-width: 98px) {
  .wrapper-masonry {
    width: 85%;
    padding: 1.5em;
  }

  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.brick{
    opacity:0;
}
@media all and (min-width:971px) {
.wrapper-masonry{display:none;}}






#brick { position: relative; z-index: 10000;}
#brick img{ position: relative; z-index: 10000;}


.brick img{ position: relative;  width: 100%;z-index: 10000; display: none; }


.brick img {
  display: block;
  width: 100%;           
  max-width: 970px;     
  height: auto;
  margin: 0 auto;        
  box-sizing: border-box;
  transform: translateZ(0);  
}

.brick img {
  display: block;
  width: 100%;         
  height: auto;         
  margin: 0 auto;      
  box-sizing: border-box;
}


.brick img {
  display: block;
  width: 100%;          
  max-width: 970px;     
  height: auto;
  margin: 0 auto;      
  box-sizing: border-box;
  min-width: 0;
  max-width: calc(100% - 0.1px); 
}




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



@media all and (min-height:1095px) {
.toplogos
    {   position:relative;   height:85px; width:500px; margin-top:-5px;top: 28px; left:0; text-align: center; z-index: 9999; margin-left: auto; margin-right: auto;opacity:; p
        margin-top:px;font-size:40px;font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; color:#555; font-weight:300; text-align: cente; line-height:50px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}}



@media all and (min-width:971px) {
.toplogos
    {   position:relative;   height:85px; width:500px;margin-top:-26px; top: 29px; left:-2px; 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; font-color:#fff; font-weight:400;line-height:17px;text-align: cente; line-height:17px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}}


@media all and (min-width:971px) {
.toplogos a
    {   color:#fff; }}



@media all and (max-height:1095px) {
.toplogos
    {   position:relative;   height:85px; width:500px; margin-top:-24px;top: 27px; left:-2px; 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; font-color:#fff; font-weight:400;line-height:17px; text-align: cente; line-height:17px;letter-spacing:normal;text-decoration: none;  -webkit-text-size-adjust: 100%;}}


@media all and (max-height:1095px) {
.toplogos a
    {   color:#fff; }}




#wrapper {
    width: 100%; top:-5px;

    
    margin: 0 auto;
    background:none;
    position: relative;
    overflow: hidden; 
}



@media all and (min-width:px) ,screen and (min-height:1095px) {
#wrapper
    {   display:block;
        margin-top:-150000px;
    }
}

@media all and (min-width:970px) ,screen and (max-height: 1095px) {
#wrapper
    {   display:block;
        margin-top:2px;
    }
}



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

.wrapper-masonry{display:none;}}







.wrapper-masonry img {
  width: 100%;
 height: auto;}
.wrapper-masonry {
 margin-top:-88px;
}
.wrapper-masonry {
  width: 100%;
  padding: px;
}
.title {
  font-weight: 700;
}
.desc {
  font-size: 1em;
  font-style: italic;
  font-family: Georgia, serif;
}
.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.masonry .brick {
  margin-bottom: 15px;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: .;
}
.masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}

.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}



#brick { position: relative; z-index: 10000;}
#brick img{ position: relative; z-index: 10000;}


.brick {
  margin-bottom: 20px; /* Adjust spacing between bricks */
}

.brick img,
.brick video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px; /* Optional: for rounded corners */
}


#wrapper {
    width: 100%; top:-5px;

    
    margin: 0 auto;
    background:none;
    position: relative;
    overflow: hidden; 
}





.slidearrows
{ display:none;} 


#loading
{ display:none;} 







.wrapper-masonry img {
  width: 100%;
 height: auto;}
.wrapper-masonry {
 margin-top:-88px;
}
.wrapper-masonry {
  width: 100%;
  padding: px;
}
.title {
  font-weight: 700;
}
.desc {
  font-size: 1em;
  font-style: italic;
  font-family: Georgia, serif;
}
.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.masonry .brick {
  margin-bottom: px;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: .;
}
.masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}

.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}

@media only screen and (min-width: px) {
  .desc {
    font-size: 1.25em; display:none;
  }

  .intro {
    letter-spacing: 1px;
  }

  .wrapper-masonry {
    width: 80%;
    padding: 2em;
  }

@media only screen and (min-width: px) {
  .desc {
    font-size: 1.25em; display:none;
  }

  .intro {
    letter-spacing: 1px;
  }

  .wrapper-masonry {
    width: 80%;
    padding: 2em;
  }

  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (min-width: px) and (max-width: 98px) {
  .wrapper-masonry {
    width: 85%;
    padding: 1.5em;
  }

  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

.brick{
    opacity:0;
}
@media all and (min-width:971px) {
.wrapper-masonry{display:none;}}




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

.wrapper-masonry{display:none;}}