/* 0style_surf26.css */ 




 .slideshow h85{ display:block; position:relative;width:800px;top:2px; text-align:right; left:px; margin-right:; left:px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

 .slideshow h85 { font-size:10px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#444; text-align:right!important; font-weight:normal;}



#ssfloatingiconsaboutinstagram {position: relative; margin-left: auto;
    margin-right: auto; height:44px; width:43px; top: 50px;right: 10px;padding: 5px;z-index: 5; left: -295px; top:55px;}
#ssfloatingiconsaboutfacebook {position: relative; margin-left: auto;
    margin-right: auto; height:44px; width:43px;  top: 95px;right: 10px;padding: 5px;z-index: 5; left: -256px; top:1px;}


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



.containertext-tel{ position:relative;width:700px;top:px; margin-left: auto; margin-right: auto; left:151px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

.containertextart{ position:relative;width:850px;top:px; margin-left: auto; margin-right: auto; left:px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}





#slideshow-tel { 
  display:none;
}




.slideshow-tel h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow-tel{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}



  
#slideshow-tel {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }

        #slideshowart > div {
            position: absolute;
          
        }




#clients h8 {position:relative; font-family: "Helvetica";  font-size: 15px; font-weight:200;  }


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









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






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







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

#loading {
display:none;
}


#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, 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, 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, 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: 105px;letter-spacing:-1px; z-index:9999;
}





.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: 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: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:30px;
    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, 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:60px; margin-left:8px;                                                                                 
}






.nav-phone {top:85px;}           

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



.nav-expanded {position:relative; margin-top:105px; top:-10px; z-index:9999; display:block; height:47px; line-height:500px;}






html {
    overflow-y: scroll; 
}


#page-wrap {
    margin: 0 auto;
}


html{ height:101%; }
html {
overflow-y: scroll; 
}


#page-wrap {
    margin: 0 auto;
}




html {
overflow-y: scroll; 
}



html, body {
  overflow-x: hidden !important; /* Prevent horizontal scrolling */
  width: 100% !important; /* Ensure no overflow outside viewport */
  margin: 0 !important; /* Remove default margins */
}





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


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



#scroll {
    position: absolute;
    top: 0;
    bottom: -0.1px;
    width: 1em;
    z-index: -1;
}

html {
    height: 102%;
}








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
}




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

a.closeX { font:21px "Helvetica Neue", Arial, sans-serif; position:absolute; line-height:1.1em; right: 0px; top: 0px; width:20px;  margin-left: -10px; margin-top: -5px;
cursor:pointer; z-index: -1; font-size:23px; color:#fff; font-weight:bold;}
  
.messageBox { position:fixed; cursor:pointer; font-family:"Helvetica neue", sans-serif; font-weight:100;  top: 50%; left: 50%; margin-left:-185px; margin-top:-63px; line-height:17px; color: #fff; width:287px; height:55px;
padding:29px; border:0px solid #;background: #; opacity:1; filter:alpha;cursor:arrow;  z-index:999;border-style: solid;
    border-width: 2px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}  

a.messageBoxt{font: 20px "Helvetica Neue", Arial, sans-serif; font-weight:400;   position:absolute;margin-top:3px; margin-left:25px; line-height:18px;color:#fff;line-height:px;cursor:pointer; z-index: -1;}

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





#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:#444;text-decoration: none;}
#colors a.black:hover, #navigation a:hover {color:#444;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: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  color:#444;font-weight:400;
}
h2 {font-size:11px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  color:#333;font-weight: bold;
}


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

}


h16 {font-size:11px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  color:#333;font-weight: normal; line-height:15px;
}
h17 {font-size:11px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  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: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  color:#333;font-weight: normal; line-height:15px; letter-spacing:normal;
}


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


#contactlayer{ position:relative; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  font-weight: normal; text-transform: normal; letter-spacing: 0px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;  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 "HelveticaNeue", "Helvetica Neue", Helvetica, 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;
}




.messageBoxtext {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif; color:#fff;font-weight:100;

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



.messageBoxtext { position:relative; display:block; width:290px; cursor:pointer; font: px "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;   font-weight:100; top: %; left:15px; 
margin-left: auto; margin-right: auto; margin-top:125px; opacity:1; filter:alpha;cursor:arrow;  z-index:; display:none;
  }





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




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





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







#headernav  { position:relative; display: block; width:805px; height:px;  left:-21px; margin-top:-29px; 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) {
#ssfloatingicons
    {
        display:none;
    }
}


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






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



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



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



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




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






img {    
    border: none;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
     -moz-transition: all .5s ease-out;
       -o-transition: all .5s ease-out;
          transition: all .5s ease-out;
}

strong {
    font-weight: bold;
}








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



.float {



    width: 325px;  min-width: 135px; 
    margin: 0 0 5px 10px; 
    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;
}



img {
    border: none;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

strong {
    font-weight: bold;
}

/* 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 */









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




.logo img {display: block; width:1095px ; 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:-120px; 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;
}










.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;
    top: 333px;
    left: 20px;
    z-index:9999;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
}


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

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:1315px) {
#ssfloatingiconsaboutfacebook{display:none;}}
@media all and (max-width:1315px) {#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);}}
@media all and (max-width:1155px) {
div.contentWrap img
    {  position:relative; z-index:-999;
       width: 800px;
    height:550px; }}










@media all and (max-width:1450px) {
.title {
    display: block;
    background: none; 
    position: absolute;
    top:293px;
    left: 95px;
    z-index: 10000;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%;
}}









@media all and (min-width:1405px) {
.title {
    display: block;
    background: none; 
    position: absolute;
    top:337px;
    left: 25px;
    z-index: 10000;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%;
}}




@media all and (max-width:1205px) {
.title {
    display: block;
    background: none;
    position: absolute; 
    top: 314px;
    left: 96px;
    z-index: 10001;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%;
}}



@media all and (min-width:1406px) {
.title {
    display: block;
    background: none; 
    position: absolute;
    top:334px;
    left: 24px;
    z-index: 10000;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%; 
}}



@media all and (min-width:1450px) {
.title {
    display: block;
    background: none; 
    position: absolute;
    top:743px;
    left: 2px;
    z-index: 10000;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%; 
}}





@media all and (min-width:1795px) {
.title {
    display: block;
    background: none; 
    position: absolute;
    top:805px;
    left:-80px;
    z-index: 10000;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: left;
    text-transform: none; 
 font-size: 15px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:none!important; letter-spacing:normal;  -webkit-text-size-adjust: 100%; 
}}










    @media all and (max-width:1005px) {
.title
    { top:302px;   }}




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












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







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:#fcf967;text-decoration: none;}
#header a.yellow:hover, #navigation a.blue:hover {color:yellow;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:1095px ; margin-left:auto; margin-right: auto }
.logo img {display: block; position:width:1095px;  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 {
  position:relative; font-family: "Helvetica";  font-size: 30px; font-weight:; 
  z-index: 9999; display:block;
  height: 50px;
  width:70px;
  overflow: show;
margin-left: auto; left:50x;
    margin-right: auto;
   
     margin-top:80px;
  z-index:999;
 
 
}





.toplogo {position:relative; 

    color:#888;
    box-sizing: border-box;
    background: transparent;
    font:12px "Helvetica", Helvetica, Arial, sans-serif; 
    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:-25px;  left:-22px;   text-align:center; line-height: px; margin-left: auto ; margin-right: auto ; cursor:pointer; z-index: 9999;overflow: hidde
-webkit-text-size-adjust: %; }


.toplogo {cursor:pionter;}






.toplogo a {font-family: 'HelveticaNeue', Helvetica, HelveticaNeue, Helvetica Neue, Arial, sans-serif!important; color:#;}






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


@media all and (max-width:970px) {
.containertext
    {
        margin-top:px;
    }
}
h40 {  margin-top:px; font-size:12px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,  sans-serif;  color:#000; font-weight:normal font-weight:bold; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

h50 { font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#111;font-weight: normal;letter-spacing:normal; -webkit-text-size-adjust: 100%;}





h13 {font-size:9px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000;font-weight:normal;letter-spacing:normal; -webkit-text-size-adjust: 100%;}


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



.close h50{ 
color:#333; font-size:65px; 
position:relative;top:-236px; left:1px; }





h35 {font-size:px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#111;font-weight: bold; line-height:15px; letter-spacing:normal;
}



.abouttext{   width:800px;font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#555;font-weight:normal;letter-spacing:normal;  -webkit-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; line-height:20px;}




h20{ font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#444;font-weight:bold;line-height:18px;}

h30{  margin-top:px;font-size:16px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#777!important;font-weight:; letter-spacing:normal;line-height:17px; position:relative; margin-left: auto; margin-right:   -webkit-text-size-adjust: 100%;}




.space { position:relative; display:block; height:17px; width:650px; top:-21px; left:px;}

.shop { position:relative; display:block; height:25px; width:650px; top:-21px; left:px;}



.shop h32{ font-size:15px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333; font-weight:400; text-decoration:none;}

.shop h35{ font-size:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#555; font-weight:bold; text-decoration: underline;}



h60{font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#444!important;font-weight:bold;line-height:17px;}


.abouttext h5 { 
position: relative; top:8px; font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#555;font-weight:normal;letter-spacing:normal;  -webkit-text-size-adjust: 100%;  ; }


.textshop h45{font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#444;font-weight:bold;}





.containertext a {  font-size:px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#111;font-weight:normal;line-height:; letter-spacing:normal;  -webkit-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
.containertext p {  font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#777;font-weight:normal; width:850px;line-height:21px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
.containertext{ position:relative;width:780px;top:528px; margin-left: auto; margin-right: auto; left:10px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}




h60 a:link{ margin-top:px;font-size:13px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#444;font-weight:bold;  letter-spacing:normal; -webkit-text-size-adjust: 100%;}


#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}



  
#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }

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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }




 



#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }






#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}



  
#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }
  



#slideshow-tel { 
  display:none;
}




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

        #slideshow-tel > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }


  
.containervideo { position:relative;width:630px;top:68px; margin-left: auto; margin-right: auto; left:-10px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

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

        #slideshow-tel > div {
            position: absolute;
            top: -14px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }






        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo
    {
        margin-top:-px;
    }
}

        #slideshow-tel> div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}





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






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






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







@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) {

#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:53px;
left: 25px;
padding:;
z-index: 999;}

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





#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:#333; font:300 15px "Helvetica Neue", Helvetica, Arial, sans-serif; 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:#fff; font:300 15px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:; 


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




@media all and (max-width:970px) {
#slidecaption{
position: fixed;
bottom:23px;
color:#fff; font:300 25px "Helvetica Neue", Helvetica, Arial, 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: 'Helvetica neue'; color:;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;}





body {
    
    overflow-:scroll;
   
}





@media all and (max-width:1125px)  ,screen and (max-height:  1095px) {
#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:1125px)  ,screen and (max-height:  1095px) {
#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;}


    
}








h19{font-size:15px;font-family: 'Helvetica neue'; color:#444;font-weight:400; -webkit-text-size-adjust: 100%;}


containervideo{ display:block;}





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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }




  



#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}




#slideshow > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }




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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }


  
.containervideo { position:relative;width:630px;top:110px; margin-left: auto; margin-right: auto; left:-px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

.containervideoart { position:relative;width:630px;top:px; margin-left: auto; margin-right: auto; left:-px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}


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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }





        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}


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


h50 { font-size:15px;font-family: 'Helvetica neue'; color:#111;font-weight: normal;letter-spacing:normal; -webkit-text-size-adjust: 100%;}




h13 {font-size:9px;font-family: 'Helvetica neue'; color:#000;font-weight:normal;letter-spacing:normal; -webkit-text-size-adjust: 100%;}


p { margin-top:px;font-size:11px;font-family: 'Helvetica neue'; color:#333;font-weight: normal; line-height:15px; letter-spacing:normal; -webkit-text-size-adjust: 100%;}



#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}



  
#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }


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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }






  



#slideshow-tel { 
  display:none;
}




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

        #slideshow-tel > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }

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

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }




  



#slideshow-tel { 
  display:none;
}




.slideshow-tel h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow-tel{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}




#slideshow-tel > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }




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

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }


  
.containervideo-tel { position:relative;width:800px;top:108px; margin-left: auto; margin-right: auto; left:px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

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

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }






        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo-tel
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}
  
.containervideo { position:relative;width:630px;top:68px; margin-left: auto; margin-right: auto; left:-10px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

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

        #slideshow-tel > div {
            position: absolute;
            top: -14px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }





        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo
    {
        margin-top:-px;
    }
}

        #slideshow-tel> div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}





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






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








#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }








#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}






#slideshow { 
  display:non;
}




.slideshow h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}

  
#slideshow {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }}



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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }




  



#slideshow > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }




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

        #slideshow > div {
            position: absolute;
            top: -px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }


  
.containervideo { position:relative;width:630px;top:110px; margin-left: auto; margin-right: auto; left:-px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}





#ssfloatingiconsaboutinstagram {position: relative; margin-left: auto;
    margin-right: auto; height:44px; width:43px; top: 50px;right: 10px;padding: 5px;z-index: 5; left: -295px; top:55px;}
#ssfloatingiconsaboutfacebook {position: relative; margin-left: auto;
    margin-right: auto; height:44px; width:43px;  top: 95px;right: 10px;padding: 5px;z-index: 5; left: -256px; top:1px;}


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

.containertext-tel{ position:relative;width:700px;top:px; margin-left: auto; margin-right: auto; left:151px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}



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






#slideshow-tel { 
  display:none;
}




.slideshow-tel h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow-tel{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}



  
#slideshow-tel {
    display: block;
    margin-left: ; left:px;
    margin-right: auto ;cursor: pointer; }
        @media all and (max-width:970px) { 
.containervideo
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }






        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}
        @media all and (max-width:970px) {
.containervideo-tel
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }




  



#slideshow-tel { 
  display:none;
}




.slideshow-tel h80{
    display: block;
   margin-left:1px;
    height: 35px;
    line-height: 20px;
    text-align: left;
    text-transform: none;-webkit-text-size-adjust: 100%;
}





.slideshow-tel{ font-size: 13px;font-family: "Helvetica Neue", Helvetica, sans-serif; color:#333;
    font-weight: 300; letter-spacing:normal;     -webkit-text-size-adjust: 100%;}




#slideshow-tel > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }




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

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: -40px;
            right: 0px;
            bottom: 0px;
        }


  
.containervideo-tel { position:relative;width:800px;top:108px; margin-left: auto; margin-right: auto; left:px; letter-spacing:normal;  -webkit-text-size-adjust: 100%;}

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

        #slideshow > div {
            position: absolute;
            top: -14px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }





        @media all and (max-width:970px) { 
@media all and (max-width:px)  ,screen and (max-height:  1095px) {
.containervideo-tel
    {
        margin-top:-px;
    }
}

        #slideshow > div {
            position: absolute;
            top: -20px;
            left: 11px;
            right: 0px;
            bottom: 0px;
        }}








#contentwrapper {
    width: 100%; top:px;

    
    margin: 0 auto; left:-84px;
    background:none;
    position: relative;
    overflow: hidden;
}

/* 0style_surf.css */ 




#copytext
    {
  position:relative; font-family: "Helvetica", Helvetica, Arial, sans-serif;  font-size: 9px; font-weight:400; 
  margin: 0 auto; height: 50px; width: 200px; top: 30px; left:35px;
  
 }



input:checked, 
input:checked + .popMe,
input:checked ~ .popoverlay {
  display: none;
}

input {
  position: fixed;
  height:100%;
  width: 100%;
  animation-name: ;
  animation-delay: 1s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  z-index: 9999; opacity: 0;
}







.popMe{   width:700px;font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#555;font-weight:normal;letter-spacing:normal;  -webkit-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; line-height:20px;}


.popMe h5 { 
position: relative; top:8px; font-size:15px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#555;font-weight:normal;letter-spacing:normal;  -webkit-text-size-adjust: 100%;  ; }

.popMe {
  height: 750px;
  width: 550px;
  left: 50%;
  top: 50%;
  transform: scale(0) translate(-50%, -50%);
  position: fixed;
  background: #fff;
  animation-name: popMe;
  animation-delay: 1s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  transform-origin: left;
  z-index: 10000;  border-radius: 15px; padding:25px;
}




.popoverlay {
  position: fixed;
  animation-name: justopac;
  animation-delay: 1s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0; z-index:999;
}







.close h50{ 
color:#333; font-size:65px; 
position:relative;top:-236px; }



.containertext { 
margin-left:px; 


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

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


#loading-image {
  position: fixed;
  z-index: -1;
  height: 150px;
  width: 150px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


#loading {
display:none;
}


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



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


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


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



html{overflow-y:scroll;}
html{overflow-x:hidden;}

.header {
    background: transparent;
    padding: 21px 20px 0 20px;
    z-index: 200; 
    position: relative
}





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


html {
  overflow-y: scroll; 
}


#page-wrap {
    margin: 0 auto;
}


html{ height:101%; }
html {
overflow-y: scroll; 
}


#page-wrap {
    margin: 0 auto;
}




html {
overflow-y: scroll; 
}

#scroll {
    position: absolute;
    top: 0;
    bottom: -0.1px;
    width: 1em;
    z-index: -1;
}

html {
    height: 102%;
}








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
}




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

a.closeX { font:21px "Helvetica Neue", Arial, sans-serif; position:absolute; line-height:1.1em; right: 0px; top: 0px; width:20px;  margin-left: -10px; margin-top: -5px;
cursor:pointer; z-index: -1; font-size:23px; color:#fff; font-weight:bold;}
  
.messageBox { position:fixed; cursor:pointer; font-family:"Helvetica Neue" Helvetica, Arial, sans-serif; font-weight:100;  top: 50%; left: 50%; margin-left:-185px; margin-top:-63px; line-height:17px; color: #fff; width:287px; height:55px;
padding:29px; border:0px solid #;background: #; opacity:1; filter:alpha;cursor:arrow;  z-index:999;border-style: solid;
    border-width: 2px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}  

a.messageBoxt{font: 20px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400;   position:absolute;margin-top:3px; margin-left:25px; line-height:18px;color:#fff;line-height:px;cursor:pointer; z-index: -1;}

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





#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:#444;text-decoration: none;}
#colors a.black:hover, #navigation a:hover {color:#444;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;
}




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




.messageBoxtext {font-family: "Helvetica Neue";color:#fff;font-weight:100;

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



.messageBoxtext { position:relative; display:block; width:290px; cursor:pointer; font: px "Helvetica Neue" Helvetica, Arial, sans-serif;  font-weight:100; top: %; left:15px; 
margin-left: auto; margin-right: auto; margin-top:125px; opacity:1; filter:alpha;cursor:arrow;  z-index:; display:none;
  }





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









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


.collapsed .startarrowtel {
    display: none;
}





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


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






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



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



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



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





#colors a.contact{font-size: 11px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, 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" Helvetica, Arial, sans-serif; font-weight:;}
html {margin: 0;padding: 0;}
body {background: #f8f8f8;font: 11px/11px "Helvetica Neue", Helvetica, 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;}






strong {
  font-weight: bold;
}



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

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






img {    
  border: none;
  opacity: 1;
  -webkit-transition: all .5s ease-out;
     -moz-transition: all .5s ease-out;
       -o-transition: all .5s ease-out;
          transition: all .5s ease-out;
}

strong {
  font-weight: bold;
}








#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", Helvetica, 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", Helvetica, Arial, sans-serif;
}

h2.contact {
    display: inline;
    font: 25px/25px "Helvetica Neue", Helvetica, 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", Helvetica, 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;
}



img {
    border: none;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

strong {
    font-weight: bold;
}

/* 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 */




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





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

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




/* float for surf section */




.section {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}


  body {
    font-family: 'Helvetica Neue Light', sans-serif; /* body font */
    background: #fff;
    padding: 20px;
  }

  a {
    text-decoration: none; /* remove underline */
    font-family: 'Helvetica Neue Light', sans-serif;
  }



#gallery-wrappers {
  display: flex;
  flex-wrap: wrap; 
  margin:40px;
}




#gallery-wrappers { position: relative;
   margin-left:1px; margin-top:-2px;
}


.floats {
  flex: 0 0 33.333%;
  box-sizing: border-box;
  padding: 5px 7px; 
  position: relative;
  overflow: hidden;
}

.floats img {
  width: 100%;
  height: auto;
  display: block;
}




  .floats img {
    width: 100%;
    height: auto;
    display: block;
  }


  .description {
    display: block; position: relative;
    text-align: left; 
    padding: 5px 0 15px 0; top:1px;
    font-size: 13px; 
    font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif; 
    font-style: normal;
    text-transform: ;
    color: #333;
  }





  .description strong {
    font-weight: 700; 
    font-family: 'Helvetica Neue Light', sans-serif; 
  }

#gallery-wrappers .floats {
  opacity: 0;                
  transition: opacity 0.6s ease; 
}

#gallery-wrappers .floats.loaded {
  opacity: 1;
}


@media (max-width: 996px) {
  .floats {
    flex: 0 0 100%;
    padding: 5px 0 0 0;
  }
}



  @media (max-width: 996px) {
    .floats {
      width: 100%;
    }
  }


.float {



    width: 325px;  height:; min-width: 135px; 
    margin: 0 0 15px 20px; 
    float: left;
    display: inline;
    background: none;
    position: relative;
    overflow: hidden;
    opacity: 0;



}



/* float for surf section */




.float img {

transition: 0.50s ease-in-out;

transition: opacity .5s, margin-top .5s, margin-bottom .5s;
-webkit-transition: opacity .5s, margin-top .5s, margin-bottom .5s;



}






/* Ensure font size remains 38px on small screens */
@media (max-width: 970px) {
  #headernav  {
    font-size: 38px !important; left:;/* Ensure font size stays at 38px */
  }
}





div.overlay {top:-px; left:-px;  
  
 
}


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

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





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



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





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



@media all and (max-width:970px) {
.header h3 a
    {
font-size: 58px; color:#333;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, 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);}}








    @media all and (max-width:996px) {
div.contentWrap 
    { display: none;    }}






    @media all and (max-width:1449px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-330px;
      height: 654px;
    width: 950px;     }}






    @media all and (max-width:1449px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-28px;
      height: 654px;
    width: 950px;}}



    @media all and (max-width:1449px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-288px;
      height: 654px;
    width: 950px;}}

    @media all and (max-width:1449px) {
div.contentWrap 
    { top:px; left:auto; left:50px; margin-bottom:15%; margin-top:-260px; 
      height: 654px!important;
    width: 950px;}}


@media all and (max-width:1449px) {
div.contentWrap img
    {  
       
    height:654px; width: 950px;
}}




@media all and (min-width:1450px) {
div.contentWrap 
    { 
   
      height: 688px; left: 25px; top:-357px; 
    width: 1000px; 

}}



@media all and (min-width:1450px) {
div.contentWrap img
    { 
   
      height: 688px; 
    width: 1000px; 

}}




@media all and (min-width:1451px) {
div.contentWrap 
    { top:px; left:auto; left:25px; top:35px;
      height: 688px;
    width: 1000px;
    }}




@media all and (min-width:1451px) {
div.contentWrap 
    { 
   
      height: 688px!important; 
    width: 1000px; 

}}



@media all and (min-width:1451px) {
div.contentWrap img
    { 
   
      height: 688px!important; 
    width: 1000px; 

}}








    @media all and (max-width:1405px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-30px;
      height: 550px;
    width: 800px;}}




    @media all and (max-width:1405px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-28px;
      height: 550px;
    width: 800px;}}


    @media all and (max-width:1405px) {
div.contentWrap 
    { top:px; left:auto; left:88px;  margin-bottom:1%; margin-top:-288px;
      height: 550px;
    width: 800px;}}

    @media all and (max-width:1405px) {
div.contentWrap 
    { top:px; left:auto; left:120px; margin-bottom:1%; margin-top:-195px; 
      height: 550px!important;
    width: 800px;}}




    @media all and (max-width:1205px) {
div.contentWrap 
    { top:px; left:auto; left:122px; margin-bottom:1%; margin-top:-175px; 
      height: 550px!important;
    width: 800px;}}





@media all and (max-width:1405px) {
div.contentWrap img
    {  
       width: 800px;
    height:550px; 
}}







    @media all and (min-width:1795px) {
div.contentWrap 
    { top:px; left:auto; left:-55px;  margin-bottom:1%; margin-top:-80px;
      height: 791px!important;
    width: 1150px!important;     }}


    @media all and (min-width:1795px) {
div.contentWrap img
    { top:px; left:auto; left:0;  margin-bottom:1%; margin-top:0;
      height: 791px!important;
    width: 1150px!important;;     }}






    @media all and (max-width:1450px) {
#overlay { position: relative; height:50px; width:800px; margin-left:%;margin-left:px; z-index:-500; margin-top:27%;
     }}



    @media all and (max-width:1450px) {
#overlay #background img { position: relative; height:50px; width:50px; margin-left:px;margin-left:-200px; z-index:-500; margin-top:-500px;
     }}




    @media all and (max-width:1450px) {
#overlay #background { position: relative; height:50px; width:50px; margin-left:px;margin-left:-200px; z-index:-500; margin-top:-500px;
     }}

    @media all and (max-width:1450px) {
#overlay #background img { position: relative; height:50px; width:50px; margin-left:px;margin-left:-200px; z-index:-500; margin-top:-500px;
     }}








@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 (max-width: 996px) {
  
  .floats a {
    pointer-events: none; 
    cursor: default;      
  }
}